@syncfusion/ej2-navigations 31.2.16 → 32.1.24

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 31.2.16
+*  version : 32.1.24
 *  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": "31.2.16",
+  "version": "32.1.24",
   "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",
@@ -8,12 +8,12 @@
   "module": "./index.js",
   "es2015": "./dist/es6/ej2-navigations.es5.js",
   "dependencies": {
-    "@syncfusion/ej2-base": "~31.2.12",
-    "@syncfusion/ej2-buttons": "~31.2.16",
-    "@syncfusion/ej2-data": "~31.2.16",
-    "@syncfusion/ej2-inputs": "~31.2.15",
-    "@syncfusion/ej2-lists": "~31.2.12",
-    "@syncfusion/ej2-popups": "~31.2.12"
+    "@syncfusion/ej2-base": "~32.1.24",
+    "@syncfusion/ej2-buttons": "~32.1.24",
+    "@syncfusion/ej2-data": "~32.1.24",
+    "@syncfusion/ej2-inputs": "~32.1.24",
+    "@syncfusion/ej2-lists": "~32.1.24",
+    "@syncfusion/ej2-popups": "~32.1.24"
   },
   "devDependencies": {},
   "keywords": [

package/src/common/menu-base.js

@@ -1663,7 +1663,7 @@ var MenuBase = /** @class */ (function (_super) {
             else {
                 if (trgt.tagName !== 'UL' || (this.isMenu ? trgt.parentElement.classList.contains('e-menu-wrapper') &&
                     !this.getIndex(trgt.querySelector('.' + ITEM).id, true).length : trgt.parentElement !== wrapper)) {
-                    if (!cli) {
+                    if (!cli && !isNullOrUndefined(wrapper)) {
                         this.removeLIStateByClass([SELECTED], [wrapper]);
                     }
                     if (!this.isAnimationNone && !cli || (cli && !cli.querySelector('.' + CARET))) {

package/styles/accordion/_all.bds.scss

@@ -0,0 +1,2 @@
+@use 'layout.bds' as *;
+@use 'theme.bds' as *;

package/styles/accordion/_all.bootstrap-dark.scss

@@ -0,0 +1,2 @@
+@use 'layout.bootstrap-dark' as *;
+@use 'theme.bootstrap-dark' as *;

package/styles/accordion/_all.bootstrap.scss

@@ -0,0 +1,2 @@
+@use 'layout.bootstrap' as *;
+@use 'theme.bootstrap' as *;

package/styles/accordion/_all.bootstrap4.scss

@@ -0,0 +1,2 @@
+@use 'layout.bootstrap4' as *;
+@use 'theme.bootstrap4' as *;

package/styles/accordion/_all.bootstrap5-dark.scss

@@ -0,0 +1,2 @@
+@use 'layout.bootstrap5-dark' as *;
+@use 'theme.bootstrap5-dark' as *;

package/styles/accordion/_all.bootstrap5.3.scss

@@ -0,0 +1,2 @@
+@use 'layout.bootstrap5.3' as *;
+@use 'theme.bootstrap5.3' as *;

package/styles/accordion/_all.bootstrap5.scss

@@ -0,0 +1,2 @@
+@use 'layout.bootstrap5' as *;
+@use 'theme.bootstrap5' as *;

package/styles/accordion/_all.fabric-dark.scss

@@ -0,0 +1,2 @@
+@use 'layout.fabric-dark' as *;
+@use 'theme.fabric-dark' as *;

package/styles/accordion/_all.fabric.scss

@@ -0,0 +1,2 @@
+@use 'layout.fabric' as *;
+@use 'theme.fabric' as *;

package/styles/accordion/_all.fluent-dark.scss

@@ -0,0 +1,2 @@
+@use 'layout.fluent-dark' as *;
+@use 'theme.fluent-dark' as *;

package/styles/accordion/_all.fluent.scss

@@ -0,0 +1,2 @@
+@use 'layout.fluent' as *;
+@use 'theme.fluent' as *;

package/styles/accordion/_all.fluent2.scss

@@ -0,0 +1,2 @@
+@use 'layout.fluent2' as *;
+@use 'theme.fluent2' as *;

package/styles/accordion/_all.highcontrast-light.scss

@@ -0,0 +1,2 @@
+@use 'layout.highcontrast-light' as *;
+@use 'theme.highcontrast-light' as *;

package/styles/accordion/_all.highcontrast.scss

@@ -0,0 +1,2 @@
+@use 'layout.highcontrast' as *;
+@use 'theme.highcontrast' as *;

package/styles/accordion/_all.material-dark.scss

@@ -0,0 +1,2 @@
+@use 'layout.material-dark' as *;
+@use 'theme.material-dark' as *;

package/styles/accordion/_all.material.scss

@@ -0,0 +1,2 @@
+@use 'layout.material' as *;
+@use 'theme.material' as *;

package/styles/accordion/_all.material3-dark.scss

@@ -0,0 +1,2 @@
+@use 'layout.material3-dark' as *;
+@use 'theme.material3-dark' as *;

package/styles/accordion/_all.material3.scss

@@ -0,0 +1,2 @@
+@use 'layout.material3' as *;
+@use 'theme.material3' as *;

package/styles/accordion/_all.scss

@@ -1,2 +1,2 @@
-@import 'layout.scss';
-@import 'theme.scss';
+@use 'layout' as *;
+@use 'theme' as *;

package/styles/accordion/_all.tailwind-dark.scss

@@ -0,0 +1,2 @@
+@use 'layout.tailwind-dark' as *;
+@use 'theme.tailwind-dark' as *;

package/styles/accordion/_all.tailwind.scss

@@ -0,0 +1,2 @@
+@use 'layout.tailwind' as *;
+@use 'theme.tailwind' as *;

package/styles/accordion/_all.tailwind3.scss

@@ -0,0 +1,2 @@
+@use 'layout.tailwind3' as *;
+@use 'theme.tailwind3' as *;

package/styles/accordion/_bds-definition.scss

@@ -1,7 +1,11 @@
+@use 'ej2-base/styles/definition/bds' as *;
+@forward 'ej2-base/styles/definition/bds';
 $acrdn-skin: $skin-name !default;
 $acrdn-slct-header-font-weight: $font-weight-semibold;
 $acrdn-nrml-header-minheight: 40px !default;
+$acrdn-nrml-header-height: 40px !default;
 $acrdn-bgr-header-minheight: 48px !default;
+$acrdn-bgr-header-height: 48px !default;
 $acrdn-nrml-header-lineheight: 22px !default;
 $acrdn-bgr-header-lineheight: 24px !default;
 $acrdn-nrml-header-paddingpix: 16px !default;
@@ -165,3 +169,8 @@ $acrdn-item-nes-selected-exp-hover-hdr-con-font: $icon-color !default;
 $acrdn-item-exp-not-selected-hdr-focus-bg: $content-bg-color-focus !default;
 $acrdn-item-exp-not-selected-hdr-focus-border: 0 !default;
 $acrdn-item-exp-not-selected-hdr-focus-border-color: initial !default;
+$acrdn-border-none: 0 !default;
+$acrdn-auto-height: auto !default;
+$acrdn-nested-header-content-font-weight: normal !default;
+$acrdn-padding-none: 0 !default;
+$acrdn-margin-none: 0 !default;

package/styles/accordion/_bigger.bds.scss

@@ -0,0 +1,3 @@
+@use 'ej2-base/styles/common/mixin' as *;
+@import './theme-variables.bds';
+@import './_bigger';

package/styles/accordion/_bigger.bootstrap-dark.scss

@@ -0,0 +1,3 @@
+@use 'ej2-base/styles/common/mixin' as *;
+@import './theme-variables.bootstrap-dark';
+@import './_bigger';

package/styles/accordion/_bigger.bootstrap.scss

@@ -0,0 +1,3 @@
+@use 'ej2-base/styles/common/mixin' as *;
+@import './theme-variables.bootstrap';
+@import './_bigger';

package/styles/accordion/_bigger.bootstrap4.scss

@@ -0,0 +1,3 @@
+@use 'ej2-base/styles/common/mixin' as *;
+@import './theme-variables.bootstrap4';
+@import './_bigger';

package/styles/accordion/_bigger.bootstrap5-dark.scss

@@ -0,0 +1,3 @@
+@use 'ej2-base/styles/common/mixin' as *;
+@import './theme-variables.bootstrap5-dark';
+@import './_bigger';

package/styles/accordion/_bigger.bootstrap5.3.scss

@@ -0,0 +1,3 @@
+@use 'ej2-base/styles/common/mixin' as *;
+@import './theme-variables.bootstrap5.3';
+@import './_bigger';

package/styles/accordion/_bigger.bootstrap5.scss

@@ -0,0 +1,3 @@
+@use 'ej2-base/styles/common/mixin' as *;
+@import './theme-variables.bootstrap5';
+@import './_bigger';

package/styles/accordion/_bigger.fabric-dark.scss

@@ -0,0 +1,3 @@
+@use 'ej2-base/styles/common/mixin' as *;
+@import './theme-variables.fabric-dark';
+@import './_bigger';

package/styles/accordion/_bigger.fabric.scss

@@ -0,0 +1,3 @@
+@use 'ej2-base/styles/common/mixin' as *;
+@import './theme-variables.fabric';
+@import './_bigger';

package/styles/accordion/_bigger.fluent-dark.scss

@@ -0,0 +1,3 @@
+@use 'ej2-base/styles/common/mixin' as *;
+@import './theme-variables.fluent-dark';
+@import './_bigger';

package/styles/accordion/_bigger.fluent.scss

@@ -0,0 +1,3 @@
+@use 'ej2-base/styles/common/mixin' as *;
+@import './theme-variables.fluent';
+@import './_bigger';

package/styles/accordion/_bigger.fluent2.scss

@@ -0,0 +1,3 @@
+@use 'ej2-base/styles/common/mixin' as *;
+@import './theme-variables.fluent2';
+@import './_bigger';

package/styles/accordion/_bigger.highcontrast-light.scss

@@ -0,0 +1,3 @@
+@use 'ej2-base/styles/common/mixin' as *;
+@import './theme-variables.highcontrast-light';
+@import './_bigger';

package/styles/accordion/_bigger.highcontrast.scss

@@ -0,0 +1,3 @@
+@use 'ej2-base/styles/common/mixin' as *;
+@import './theme-variables.highcontrast';
+@import './_bigger';

package/styles/accordion/_bigger.material-dark.scss

@@ -0,0 +1,3 @@
+@use 'ej2-base/styles/common/mixin' as *;
+@import './theme-variables.material-dark';
+@import './_bigger';

package/styles/accordion/_bigger.material.scss

@@ -0,0 +1,3 @@
+@use 'ej2-base/styles/common/mixin' as *;
+@import './theme-variables.material';
+@import './_bigger';

package/styles/accordion/_bigger.material3-dark.scss

@@ -0,0 +1,3 @@
+@use 'ej2-base/styles/common/mixin' as *;
+@import './theme-variables.material3-dark';
+@import './_bigger';

package/styles/accordion/_bigger.material3.scss

@@ -0,0 +1,3 @@
+@use 'ej2-base/styles/common/mixin' as *;
+@import './theme-variables.material3';
+@import './_bigger';

package/styles/accordion/_bigger.scss

@@ -1,3 +1,4 @@
+@use 'ej2-base/styles/common/mixin' as *;
 @include export-module('accordion-bigger') {
   .e-bigger .e-accordion,
   .e-accordion.e-bigger {
@@ -27,10 +28,10 @@
           }
 
           > .e-acrdn-content {
-            padding: 0;
+            padding: $acrdn-padding-none;
 
             > .e-accordion {
-              border: 0;
+              border: $acrdn-border-none;
             }
 
             .e-accordion .e-acrdn-panel.e-nested .e-acrdn-content .e-acrdn-header {
@@ -54,7 +55,7 @@
         padding: $acrdn-bgr-header-padding;
 
         .e-toggle-icon {
-          height: $acrdn-bgr-header-minheight;
+          height: $acrdn-bgr-header-height;
           min-height: $acrdn-bgr-header-minheight;
           min-width: $acrdn-bgr-icn-minwidth;
           right: $acrdn-bgr-header-paddingpix;
@@ -63,7 +64,7 @@
 
         .e-acrdn-header-icon {
           display: inline-block;
-          padding: 0 $acrdn-bgr-header-icon-padding 0 0;
+          padding: $acrdn-padding-none $acrdn-bgr-header-icon-padding $acrdn-padding-none $acrdn-padding-none;
 
           .e-acrdn-icons.e-icons {
             font-size: $acrdn-bgr-arrow-icon-font-size;
@@ -112,7 +113,7 @@
           }
 
           .e-acrdn-header-icon {
-            padding: 0 0 0 $acrdn-bgr-header-icon-padding;
+            padding: $acrdn-padding-none $acrdn-padding-none $acrdn-padding-none $acrdn-bgr-header-icon-padding;
           }
         }
       }

package/styles/accordion/_bigger.tailwind-dark.scss

@@ -0,0 +1,3 @@
+@use 'ej2-base/styles/common/mixin' as *;
+@import './theme-variables.tailwind-dark';
+@import './_bigger';

package/styles/accordion/_bigger.tailwind.scss

@@ -0,0 +1,3 @@
+@use 'ej2-base/styles/common/mixin' as *;
+@import './theme-variables.tailwind';
+@import './_bigger';

package/styles/accordion/_bigger.tailwind3.scss

@@ -0,0 +1,3 @@
+@use 'ej2-base/styles/common/mixin' as *;
+@import './theme-variables.tailwind3';
+@import './_bigger';

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

@@ -1,4 +1,6 @@
 @use 'sass:color';
+@use 'ej2-base/styles/definition/bootstrap-dark' as *;
+@forward 'ej2-base/styles/definition/bootstrap-dark';
 
 $acrdn-skin: 'bootstrap' !default;
 $acrdn-header-font-weight: normal !default;
@@ -18,7 +20,9 @@ $acrdn-selected-border-size: $border-size !default;
 $acrdn-selected-border-color: $grey-99 !default;
 $acrdn-nested-header-font: $header-font-color !default;
 $acrdn-nrml-header-minheight: 40px !default;
+$acrdn-nrml-header-height: 40px !default;
 $acrdn-bgr-header-minheight: 50px !default;
+$acrdn-bgr-header-height: 50px !default;
 $acrdn-nrml-header-lineheight: 39px !default;
 $acrdn-bgr-header-lineheight: 48px !default;
 $acrdn-nrml-header-paddingpix: 15px !default;
@@ -167,3 +171,8 @@ $acrdn-item-nes-selected-exp-hover-hdr-con-font: $grey-dark-font !default;
 $acrdn-item-exp-not-selected-hdr-focus-bg: transparent !default;
 $acrdn-item-exp-not-selected-hdr-focus-border: 0 !default;
 $acrdn-item-exp-not-selected-hdr-focus-border-color: initial !default;
+$acrdn-border-none: 0 !default;
+$acrdn-auto-height: auto !default;
+$acrdn-nested-header-content-font-weight: normal !default;
+$acrdn-padding-none: 0 !default;
+$acrdn-margin-none: 0 !default;

package/styles/accordion/_bootstrap-definition.scss

@@ -1,3 +1,5 @@
+@use 'ej2-base/styles/definition/bootstrap' as *;
+@forward 'ej2-base/styles/definition/bootstrap';
 $acrdn-skin: 'bootstrap' !default;
 $acrdn-header-font-weight: normal !default;
 $acrdn-icon-font-size: $font-size !default;
@@ -22,7 +24,9 @@ $acrdn-selected-border-size: $border-size !default;
 $acrdn-selected-border-color: $default-border-color !default;
 $acrdn-nested-header-font: $header-font-color !default;
 $acrdn-nrml-header-minheight: 40px !default;
+$acrdn-nrml-header-height: 40px !default;
 $acrdn-bgr-header-minheight: 50px !default;
+$acrdn-bgr-header-height: 50px !default;
 $acrdn-nrml-header-lineheight: 39px !default;
 $acrdn-bgr-header-lineheight: 48px !default;
 $acrdn-nrml-header-paddingpix: 15px !default;
@@ -165,3 +169,8 @@ $acrdn-item-nes-selected-exp-hover-hdr-con-font: $gray-dark !default;
 $acrdn-item-exp-not-selected-hdr-focus-bg: transparent !default;
 $acrdn-item-exp-not-selected-hdr-focus-border: 0 !default;
 $acrdn-item-exp-not-selected-hdr-focus-border-color: initial !default;
+$acrdn-border-none: 0 !default;
+$acrdn-auto-height: auto !default;
+$acrdn-nested-header-content-font-weight: normal !default;
+$acrdn-padding-none: 0 !default;
+$acrdn-margin-none: 0 !default;

package/styles/accordion/_bootstrap4-definition.scss

@@ -1,4 +1,6 @@
 @use 'sass:color';
+@use 'ej2-base/styles/definition/bootstrap4' as *;
+@forward 'ej2-base/styles/definition/bootstrap4';
 
 $acrdn-skin: 'bootstrap4' !default;
 $acrdn-border-size: 1px !default;
@@ -24,7 +26,9 @@ $acrdn-selected-border-size: $acrdn-border-size !default;
 $acrdn-selected-border-color: $black !default;
 $acrdn-nested-header-font: $primary !default;
 $acrdn-nrml-header-minheight: 40px !default;
+$acrdn-nrml-header-height: 40px !default;
 $acrdn-bgr-header-minheight: 50px !default;
+$acrdn-bgr-header-height: 50px !default;
 $acrdn-nrml-header-lineheight: 39px !default;
 $acrdn-bgr-header-lineheight: 48px !default;
 $acrdn-nrml-header-paddingpix: 15px !default;
@@ -175,3 +179,8 @@ $acrdn-item-nes-selected-exp-hover-hdr-con-font: $primary !default;
 $acrdn-item-exp-not-selected-hdr-focus-bg: $gray-100 !default;
 $acrdn-item-exp-not-selected-hdr-focus-border: 0 !default;
 $acrdn-item-exp-not-selected-hdr-focus-border-color: initial !default;
+$acrdn-border-none: 0 !default;
+$acrdn-auto-height: auto !default;
+$acrdn-nested-header-content-font-weight: normal !default;
+$acrdn-padding-none: 0 !default;
+$acrdn-margin-none: 0 !default;

package/styles/accordion/_bootstrap5-dark-definition.scss

@@ -1 +1,177 @@
-@import './bootstrap5-definition.scss';
+@use 'ej2-base/styles/definition/bootstrap5-dark' as *;
+@forward 'ej2-base/styles/definition/bootstrap5-dark';
+$acrdn-skin: 'bootstrap5' !default;
+$acrdn-icon-font-size: $text-lg !default;
+$acrdn-slct-header-font-weight: $font-weight-normal;
+$acrdn-header-font: $content-text-color !default;
+$acrdn-nested-header-font: $content-text-color !default;
+$acrdn-header-font-weight: $font-weight-normal !default;
+$acrdn-header-font-size: $text-sm !default;
+$acrdn-nest-header-font-size: $text-sm !default;
+$acrdn-nest-header-content-font-size: $acrdn-nest-header-font-size !default;
+$acrdn-nest-header-content-font-weight: $font-weight-normal !default;
+$acrdn-content-font-size: $text-sm !default;
+$acrdn-header-font-bgr-size: $text-base !default;
+$acrdn-content-font-bgr-size: $text-base !default;
+$acrdn-bgr-arrow-icon-font-size: $text-xl;
+$acrdn-bgr-item-header-content-font-size: $text-base !default;
+$acrdn-icon-font-size: $text-lg !default;
+$acrdn-selected-header-font-color: $primary !default;
+$acrdn-nest-nrml-header-padding: 10px 0 10px 26px !default;
+$acrdn-nest-bgr-header-padding: 12px 0 12px 28px !default;
+$acrdn-nest-second-nrml-header-padding: 8px 0 8px 38px !default;
+$acrdn-nest-second-bgr-header-padding: 12px 0 12px 40px !default;
+$acrdn-nrml-header-padding: 10px 16px !default;
+$acrdn-bgr-header-padding: 13px 20px !default;
+$acrdn-rtl-nrml-header-padding: 7px 12px !default;
+$acrdn-rtl-bgr-header-padding: 11px 17px !default;
+$acrdn-rtl-nest-nrml-header-padding: 8px 26px 8px 0 !default;
+$acrdn-rtl-nest-bgr-header-padding: 12px 28px 12px 0 !default;
+$acrdn-rtl-nest-second-nrml-header-padding: 8px 38px 8px 0 !default;
+$acrdn-rtl-nest-second-bgr-header-padding: 12px 40px 12px 0 !default;
+$acrdn-nested-item-header-focus-box-shadow: inset $shadow-focus-ring1 !default;
+$acrdn-nrml-content-padding: 12px !default;
+$acrdn-bgr-content-padding: 16px !default;
+$acrdn-nest-nrml-content-padding: 16px 16px 16px 26px !default;
+$acrdn-nest-bgr-content-padding: 20px 20px 20px 28px !default;
+$acrdn-nest-second-nrml-content-padding: 20px 20px 20px 38px !default;
+$acrdn-nest-second-bgr-content-padding: 24px 24px 24px 40px !default;
+$acrdn-rtl-nest-nrml-content-padding: 16px 26px 16px 16px !default;
+$acrdn-rtl-nest-bgr-content-padding: 20px 28px 20px 20px !default;
+$acrdn-rtl-nest-second-nrml-content-padding: 20px 38px 20px 20px !default;
+$acrdn-rtl-nest-second-bgr-content-padding: 24px 40px 24px 24px !default;
+$acrdn-border-radius: 4px !default;
+$acrdn-nrml-header-minheight: 38px !default;
+$acrdn-nrml-header-height: 38px !default;
+$acrdn-bgr-header-minheight: 48px !default;
+$acrdn-bgr-header-height: 48px !default;
+$acrdn-nrml-header-lineheight: 22px !default;
+$acrdn-bgr-header-lineheight: 24px !default;
+$acrdn-nrml-header-paddingpix: 16px !default;
+$acrdn-bgr-header-paddingpix: 16px !default;
+$acrdn-content-line-height: 1.5 !default;
+$acrdn-nrml-header-icon-padding: 8px !default;
+$acrdn-bgr-header-icon-padding: 12px !default;
+$acrdn-nrml-icn-minwidth: 22px !default;
+$acrdn-bgr-icn-minwidth: 24px !default;
+$acrdn-selected-border-size: 1px !default;
+$acrdn-item-padding-size: 0 !default;
+$acrdn-selected-border-type: none !default;
+$acrdn-border-type: solid !default;
+$acrdn-border-size: 1px !default;
+$acrdn-item-hdr-con-lineheight: 22px !default;
+$acrdn-item-selected-first-child-border-top: 1px none $border-light !default;
+$acrdn-item-selected-last-child-border-bottom: 1px solid $border-light !default;
+$acrdn-item-border-radius: 0 !default;
+$acrdn-item-margin-top: 0 !default;
+$acrdn-item-nested-panel-item-select-margin: 0 !default;
+$acrdn-item-overflow: visible !default;
+$acrdn-item-hover-focus-hdr-con-text-decoration: none !default;
+$acrdn-item-hdr-border-radius: 0 !default;
+$acrdn-item-tgl-icon-display: table !default;
+$acrdn-item-arrow-icon-font-size: $text-lg !default;
+$acrdn-opacity: .5 !default;
+$acrdn-tab-highlight-color:  rgba(0, 0, 0, 0) !default;
+$acrdn-active-bg: $content-bg-color !default;
+$acrdn-bg-color: $content-bg-color !default;
+$acrdn-default-bg-color: $acrdn-bg-color !default;
+$acrdn-active-bg-color: $acrdn-active-bg !default;
+$acrdn-selected-header-color: $content-bg-color !default;
+$acrdn-icon-color: $icon-color !default;
+$acrdn-selected-icon-color: $primary !default;
+$acrdn-content-color: $content-text-color !default;
+$acrdn-selected-border-color: $border-light !default;
+$acrdn-header-focus-bg: $primary-lighter !default;
+$acrdn-header-hover-bg: $primary-lighter !default;
+$acrdn-header-active-bg: $primary-lighter !default;
+$acrdn-item-header-focus-border-color: $primary !default;
+$acrdn-item-icon-disable-color: $icon-color-disabled;
+$acrdn-text-disable-color: $content-text-color-disabled;
+$acrdn-default-border: $acrdn-selected-border-color !default;
+$acrdn-item-border-color: $acrdn-default-border !default;
+$acrdn-item-border-nav-type: solid !default;
+$acrdn-item-border-size: 0 0 1px 0 !default;
+$acrdn-item-select-last-child-border-bottom: 0 !default;
+$acrdn-item-select-last-child-border-radius: 0 !default;
+$acrdn-item-first-child-hdr-focus-border-radius: 4px 4px 0 0 !default;
+$acrdn-item-last-child-border-bottom: 0 !default;
+$acrdn-item-last-child-not-exp-hdr-focus-border-radius: 0 0 4px 4px !default;
+$acrdn-item-focus-border-color: $acrdn-default-border !default;
+$acrdn-item-focus-border-size: 0 0 1px 0 !default;
+$acrdn-item-focus-selected-exp-border-top: 1px none $acrdn-default-border !default;
+$acrdn-item-focus-selected-exp-hdr-focus-border-color: $acrdn-default-border !default;
+$acrdn-item-focus-selected-exp-hdr-focus-border-type: solid !default;
+$acrdn-item-focus-selected-exp-hdr-focus-border-size:  0 0 1px 0 !default;
+$acrdn-item-focus-exp-hdr-hover-focus-bg-color: $primary-lighter !default;
+$acrdn-item-focus-exp-hdr-hover-focus-color: $acrdn-selected-header-font-color !default;
+$acrdn-item-focus-selected-hdr-icons-font: $acrdn-selected-header-font-color !default;
+$acrdn-item-focus-exp-hdricon-hover-font: $acrdn-icon-color !default;
+$acrdn-item-focus-selected-exp-border-color: $acrdn-default-border !default;
+$acrdn-item-exp-select-border-color: $acrdn-default-border !default;
+$acrdn-item-exp-select-border-size: 0 0 1px 0 !default;
+$acrdn-item-header-border: 0 !default;
+$acrdn-item-select-exp-hdr-con-disable-font: $content-text-color-disabled !default;
+$acrdn-item-header-content-disable-color: $content-text-color !default;
+$acrdn-item-hdr-con-text-disabled-font: $content-text-color-disabled !default;
+$acrdn-item-selected-exp-hdr-focus-border-color: $border-light !default;
+$acrdn-item-selected-exp-hdr-focus-border-type: solid !default;
+$acrdn-item-selected-exp-hdr-focus-border-size: 0 0 1px 0 !default;
+$acrdn-item-selected-exp-hdr-focus-bg: $primary-lighter !default;
+$acrdn-item-selected-exp-hdr-hover-bg: $primary-lighter !default;
+$acrdn-item-selected-exp-hdr-active-bg: $primary-lighter !default;
+$acrdn-item-nes-pan-con-last-child-border-bottom: 1px none $acrdn-selected-border-color !default;
+$acrdn-item-select-bg: none !default;
+$acrdn-item-select-border-color: $border-light !default;
+$acrdn-item-select-border-size: 0 0 1px 0 !default;
+$acrdn-item-panel-content-select-bg: none !default;
+$acrdn-item-panel-content-select-border-top: 0 !default;
+$acrdn-item-panel-content-select-border-bottom: 0 !default;
+$acrdn-item-header-hover-border: 0 !default;
+$acrdn-item-header-hover-bg: none !default;
+$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-bg: none !default;
+$acrdn-item-header-focus-active-color: $content-text-color !default;
+$acrdn-item-select-exp-hdr-hover-color: $primary !default;
+$acrdn-item-selected-exp-hdr-border-color: $border-light !default;
+$acrdn-item-selected-exp-hdr-border-size: 0 0 1px 0 !default;
+$acrdn-item-selected-exp-hdr-bg: $primary-lighter !default;
+$acrdn-item-selected-exp-hdr-hover-color: $accordion-text-active-color !default;
+$acrdn-item-selected-exp-hdr-hover-focus-color: $accordion-text-active-color !default;
+$acrdn-item-selected-exp-hdr-icon-color: $icon-color !default;
+$acrdn-item-selected-exp-hdr-hover-border-color: $border-light !default;
+$acrdn-item-selected-tgl-icon-color: $accordion-text-active-color !default;
+$acrdn-item-selected-hdr-font: $accordion-text-active-color !default;
+$acrdn-item-select-hdr-focus-border-color: $border-light !default;
+$acrdn-item-selected-border-color: $border-light !default;
+$acrdn-item-selected-border-size: 0 0 1px 0 !default;
+$acrdn-item-selected-select-last-border-bottom: 1px none $border-light !default;
+$acrdn-item-selected-selected-border-color: $border-light !default;
+$acrdn-item-selected-selected-border-size: 0 0 1px 0 !default;
+$acrdn-item-selected-header-background: $primary-lighter !default;
+$acrdn-item-selected-hdr-border-color: $border-light !default;
+$acrdn-item-selected-hdr-border-size:  0 0 1px 0 !default;
+$acrdn-item-selected-header-border-radius: 0 !default;
+$acrdn-item-selected-hdr-con-font: $accordion-text-active-color !default;
+$acrdn-item-selected-select-border-color: $border-light !default;
+$acrdn-item-selected-select-border-size: 0 0 1px 0 !default;
+$acrdn-item-selected-hdr-icon-font: $accordion-text-active-color !default;
+$acrdn-item-selected-exp-hdr-con-hover-color: $accordion-text-active-color !default;
+$acrdn-item-selected-exp-hdr-icon-hover-color: $icon-color !default;
+$acrdn-item-selected-select-active-bg: $content-bg-color !default;
+$acrdn-item-nes-pan-exp-hdr-color: $content-text-color !default;
+$acrdn-item-selected-hdr-hover-border-color: $border-light !default;
+$acrdn-item-selected-hdr-tgl-icon-hover-font: $accordion-text-active-color !default;
+$acrdn-item-nes-selected-exp-hover-hdr-icons-font: $primary !default;
+$acrdn-item-nes-selected-exp-hover-hdr-con-font: $content-text-color !default;
+$acrdn-item-exp-not-selected-hdr-focus-bg: none !default;
+$acrdn-item-exp-not-selected-hdr-focus-border: 0 !default;
+$acrdn-item-exp-not-selected-hdr-focus-border-color: initial !default;
+$acrdn-border-none: 0 !default;
+$acrdn-auto-height: auto !default;
+$acrdn-nested-header-content-font-weight: normal !default;
+$acrdn-padding-none: 0 !default;
+$acrdn-margin-none: 0 !default;

package/styles/accordion/_bootstrap5-definition.scss

@@ -1,3 +1,5 @@
+@use 'ej2-base/styles/definition/bootstrap5' as *;
+@forward 'ej2-base/styles/definition/bootstrap5';
 $acrdn-skin: 'bootstrap5' !default;
 $acrdn-icon-font-size: $text-lg !default;
 $acrdn-slct-header-font-weight: $font-weight-normal;
@@ -40,7 +42,9 @@ $acrdn-rtl-nest-second-nrml-content-padding: 20px 38px 20px 20px !default;
 $acrdn-rtl-nest-second-bgr-content-padding: 24px 40px 24px 24px !default;
 $acrdn-border-radius: 4px !default;
 $acrdn-nrml-header-minheight: 38px !default;
+$acrdn-nrml-header-height: 38px !default;
 $acrdn-bgr-header-minheight: 48px !default;
+$acrdn-bgr-header-height: 48px !default;
 $acrdn-nrml-header-lineheight: 22px !default;
 $acrdn-bgr-header-lineheight: 24px !default;
 $acrdn-nrml-header-paddingpix: 16px !default;
@@ -166,3 +170,8 @@ $acrdn-item-nes-selected-exp-hover-hdr-con-font: $content-text-color !default;
 $acrdn-item-exp-not-selected-hdr-focus-bg: none !default;
 $acrdn-item-exp-not-selected-hdr-focus-border: 0 !default;
 $acrdn-item-exp-not-selected-hdr-focus-border-color: initial !default;
+$acrdn-border-none: 0 !default;
+$acrdn-auto-height: auto !default;
+$acrdn-nested-header-content-font-weight: normal !default;
+$acrdn-padding-none: 0 !default;
+$acrdn-margin-none: 0 !default;