@syncfusion/ej2-angular-navigations 20.4.38 → 20.4.40

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-angular-navigations@*",
-  "_id": "@syncfusion/ej2-angular-navigations@20.3.47",
+  "_id": "@syncfusion/ej2-angular-navigations@20.4.38",
   "_inBundle": false,
-  "_integrity": "sha512-cihb9M98c6cNLQum/bxrfjRaVWipYlDkoo5J8y68wFKfZJOhYbyuBu3l0Up7L0s7ntwY5/FGp5YrLdcbHCqLCg==",
+  "_integrity": "sha512-Y8AmsFloJWpZ54lM8X9HJZ2u5abE7Vwmuh2Y1+F+vuDRiLcHpl+Y+vYjX+NTCcNfsYTIrYdWAyuQ6X6oi0iOtQ==",
   "_location": "/@syncfusion/ej2-angular-navigations",
   "_phantomChildren": {},
   "_requested": {
@@ -19,8 +19,8 @@
   "_requiredBy": [
     "/"
   ],
-  "_resolved": "https://nexus.syncfusion.com/repository/ej2-angular-release/@syncfusion/ej2-angular-navigations/-/ej2-angular-navigations-20.3.47.tgz",
-  "_shasum": "2d65650dc993ea6f6551098f88e177798bdea66e",
+  "_resolved": "https://nexus.syncfusion.com/repository/ej2-angular-hotfix/@syncfusion/ej2-angular-navigations/-/ej2-angular-navigations-20.4.38.tgz",
+  "_shasum": "f698410472c5718efe0c3cf50b975b5db6729daa",
   "_spec": "@syncfusion/ej2-angular-navigations@*",
   "_where": "/jenkins/workspace/ease-automation_release_19.1.0.1/ivypackages/included",
   "author": {
@@ -31,9 +31,9 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-angular-base": "~20.4.38",
-    "@syncfusion/ej2-base": "~20.4.38",
-    "@syncfusion/ej2-navigations": "20.4.38",
+    "@syncfusion/ej2-angular-base": "~20.4.40",
+    "@syncfusion/ej2-base": "~20.4.40",
+    "@syncfusion/ej2-navigations": "20.4.40",
     "tslib": "^2.3.0"
   },
   "deprecated": false,
@@ -202,5 +202,5 @@
   "schematics": "./schematics/collection.json",
   "sideEffects": false,
   "typings": "syncfusion-ej2-angular-navigations.d.ts",
-  "version": "20.4.38"
+  "version": "20.4.40"
 }

package/schematics/utils/lib-details.d.ts

@@ -1,4 +1,4 @@
 export declare const pkgName = "@syncfusion/ej2-angular-navigations";
-export declare const pkgVer = "^20.3.47";
+export declare const pkgVer = "^20.4.38";
 export declare const moduleName = "AccordionModule, ToolbarModule, ContextMenuModule, BreadcrumbModule, CarouselModule, TabModule, TreeViewModule, SidebarModule, MenuModule, AppBarModule";
-export declare const themeVer = "~20.3.47";
+export declare const themeVer = "~20.4.38";

package/schematics/utils/lib-details.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.pkgName = '@syncfusion/ej2-angular-navigations';
-exports.pkgVer = '^20.4.38';
+exports.pkgVer = '^20.4.40';
 exports.moduleName = 'AccordionModule, ToolbarModule, ContextMenuModule, BreadcrumbModule, CarouselModule, TabModule, TreeViewModule, SidebarModule, MenuModule, AppBarModule';
-exports.themeVer = '~20.4.38';
+exports.themeVer = '~20.4.40';

package/schematics/utils/lib-details.ts

@@ -1,4 +1,4 @@
 export const pkgName = '@syncfusion/ej2-angular-navigations';
-export const pkgVer = '^20.4.38';
+export const pkgVer = '^20.4.40';
 export const moduleName = 'AccordionModule, ToolbarModule, ContextMenuModule, BreadcrumbModule, CarouselModule, TabModule, TreeViewModule, SidebarModule, MenuModule, AppBarModule';
-export const themeVer = '~20.4.38';
+export const themeVer = '~20.4.40';

package/src/tab/items.directive.d.ts

@@ -36,6 +36,13 @@ export declare class TabItemDirective extends ComplexBase<TabItemDirective> {
      * @default null
      */
     id: any;
+    /**
+     * Specifies the tab order of the Tabs items. When positive values assigned, it allows to switch focus to the next/previous tabs items with Tab/ShiftTab keys.
+     * By default, user can able to switch between items only via arrow keys.
+     * If the value is set to 0 for all tabs items, then tab switches based on element order.
+     * @default -1
+     */
+    tabIndex: any;
     /**
      * Sets false to hide the Tab item.
      * @default true
@@ -54,7 +61,7 @@ export declare class TabItemDirective extends ComplexBase<TabItemDirective> {
     headerTemplate: any;
     constructor(viewContainerRef: ViewContainerRef);
     static ɵfac: i0.ɵɵFactoryDeclaration<TabItemDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TabItemDirective, "e-tabitems>e-tabitem", never, { "content": "content"; "cssClass": "cssClass"; "disabled": "disabled"; "header": "header"; "headerTemplate": "headerTemplate"; "id": "id"; "visible": "visible"; }, {}, ["content", "header_text", "headerTemplate"]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TabItemDirective, "e-tabitems>e-tabitem", never, { "content": "content"; "cssClass": "cssClass"; "disabled": "disabled"; "header": "header"; "headerTemplate": "headerTemplate"; "id": "id"; "tabIndex": "tabIndex"; "visible": "visible"; }, {}, ["content", "header_text", "headerTemplate"]>;
 }
 /**
  * TabItem Array Directive

package/src/toolbar/items.directive.d.ts

@@ -94,6 +94,13 @@ export declare class ItemDirective extends ComplexBase<ItemDirective> {
      * @default ""
      */
     suffixIcon: any;
+    /**
+     * Specifies the tab order of the Toolbar items. When positive values assigned, it allows to switch focus to the next/previous toolbar items with Tab/ShiftTab keys.
+     * By default, user can able to switch between items only via arrow keys.
+     * If the value is set to 0 for all tool bar items, then tab switches based on element order.
+     * @default -1
+     */
+    tabIndex: any;
     /**
      * Specifies the text to be displayed on the Toolbar button.
      * @default ""
@@ -122,7 +129,7 @@ export declare class ItemDirective extends ComplexBase<ItemDirective> {
     template: any;
     constructor(viewContainerRef: ViewContainerRef);
     static ɵfac: i0.ɵɵFactoryDeclaration<ItemDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ItemDirective, "e-items>e-item", never, { "align": "align"; "cssClass": "cssClass"; "disabled": "disabled"; "htmlAttributes": "htmlAttributes"; "id": "id"; "overflow": "overflow"; "prefixIcon": "prefixIcon"; "showAlwaysInPopup": "showAlwaysInPopup"; "showTextOn": "showTextOn"; "suffixIcon": "suffixIcon"; "template": "template"; "text": "text"; "tooltipText": "tooltipText"; "type": "type"; "visible": "visible"; "width": "width"; }, { "click": "click"; }, ["template"]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ItemDirective, "e-items>e-item", never, { "align": "align"; "cssClass": "cssClass"; "disabled": "disabled"; "htmlAttributes": "htmlAttributes"; "id": "id"; "overflow": "overflow"; "prefixIcon": "prefixIcon"; "showAlwaysInPopup": "showAlwaysInPopup"; "showTextOn": "showTextOn"; "suffixIcon": "suffixIcon"; "tabIndex": "tabIndex"; "template": "template"; "text": "text"; "tooltipText": "tooltipText"; "type": "type"; "visible": "visible"; "width": "width"; }, { "click": "click"; }, ["template"]>;
 }
 /**
  * Item Array Directive

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

@@ -2,9 +2,12 @@
 $acrdn-skin: 'bootstrap' !default;
 $acrdn-header-font-weight: normal !default;
 $acrdn-icon-font-size: $font-size !default;
+$acrdn-bgr-arrow-icon-font-size: 12px !default;
+$acrdn-bgr-item-header-content-font-size: 14px !default;
 $acrdn-content-line-height: 1.5 !default;
 $acrdn-tab-highlight-color:  rgba(0, 0, 0, 0) !default;
 $acrdn-border-size: $border-size !default;
+$acrdn-border-radius: 0 !default;
 $acrdn-active-bg: $grey-88 !default;
 $acrdn-active-bg-color: $acrdn-active-bg !default;
 $acrdn-item-select-bg: $grey-base !default;
@@ -20,6 +23,20 @@ $acrdn-bgr-header-lineheight: 48px !default;
 $acrdn-nrml-header-paddingpix: 15px !default;
 $acrdn-bgr-header-paddingpix: 15px !default;
 
+$acrdn-item-hdr-con-lineheight: 39px !default;
+$acrdn-item-selected-first-child-border-top: 1px solid $grey-99 !default;
+$acrdn-item-selected-last-child-border-bottom: 1px solid $grey-99 !default;
+$acrdn-item-border-radius: 4px !default;
+$acrdn-item-margin-top: 5px !default;
+$acrdn-item-nested-panel-item-select-margin: 2px !default;
+$acrdn-item-overflow: hidden !default;
+$acrdn-item-hover-focus-hdr-con-text-decoration: underline !default;
+$acrdn-item-hdr-border-radius: 4px !default;
+$acrdn-item-hdr-margin-bottom: 0 !default;
+$acrdn-item-tgl-icon-display: none !default;
+$acrdn-item-arrow-icon-font-size: 12px !default;
+$acrdn-opacity: .5 !default;
+
 // Header, Nested header and RTL mode Padding
 $acrdn-nrml-header-padding: 0 30px 0 15px !default;
 $acrdn-bgr-header-padding: 0 30px 0 15px !default;
@@ -72,4 +89,87 @@ $acrdn-icon-color: lighten($brand-primary, 15%) !default;
 $acrdn-selected-header-font-color: $grey-dark-font !default;
 $acrdn-selected-icon-color: $grey-light-font !default;
 
+$acrdn-item-border-color: $grey-99 !default;
+$acrdn-item-border-nav-type: solid !default;
+$acrdn-item-border-size: 0 !default;
+$acrdn-item-select-last-child-border-bottom: 1px solid $grey-99 !default;
+$acrdn-item-select-last-child-border-radius: 4px !default;
+$acrdn-item-first-child-hdr-focus-border-radius: 4px !default;
+$acrdn-item-last-child-border-bottom: 0 !default;
+$acrdn-item-last-child-not-exp-hdr-focus-border-radius: 4px !default;
+$acrdn-item-focus-border-color: $grey-99 !default;
+$acrdn-item-focus-border-size: 0 !default;
+$acrdn-item-focus-selected-exp-border-top: 1px solid $grey-99 !default;
+$acrdn-item-focus-selected-exp-hdr-focus-border-color: $grey-99 !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: transparent !default;
+$acrdn-item-focus-exp-hdr-hover-focus-color: $acrdn-selected-header-font-color !default;
+$acrdn-item-focus-selected-hdr-icons-font: $acrdn-selected-icon-color !default;
+$acrdn-item-focus-exp-hdricon-hover-font: $acrdn-selected-header-font-color !default;
+$acrdn-item-focus-selected-exp-border-color: $grey-99 !default;
+$acrdn-item-exp-select-border-color: $grey-99 !default;
+$acrdn-item-exp-select-border-size: 1px !default;
+$acrdn-item-header-border: 0 !default;
+$acrdn-item-select-exp-hdr-con-disable-font: $acrdn-selected-header-font-color !default;
+$acrdn-item-header-content-disable-color: $acrdn-header-font !default;
+$acrdn-item-hdr-con-text-disabled-font: $grey-dark-font !default;
+$acrdn-item-icon-disable-color: $grey-dark-font !default;
+$acrdn-item-selected-exp-hdr-focus-border-color: $grey-99 !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: transparent !default;
+$acrdn-item-selected-exp-hdr-hover-bg: $grey-88 !default;
+$acrdn-item-selected-exp-hdr-active-bg: $grey-88 !default;
+$acrdn-item-nes-pan-con-last-child-border-bottom: 1px solid $grey-99 !default;
+$acrdn-item-select-bg: $gray-base !default;
+$acrdn-item-select-border-color: $grey-99 !default;
+$acrdn-item-select-border-size: 1px !default;
+$acrdn-item-panel-content-select-bg: none !default;
+$acrdn-item-panel-content-select-border-top: 0 !default;
+$acrdn-item-header-hover-border: 0 !default;
+$acrdn-item-header-hover-bg: transparent !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: none !default;
+$acrdn-item-header-focus-bg: transparent !default;
+$acrdn-item-header-focus-active-color: $acrdn-header-font !default;
+$acrdn-item-select-exp-hdr-hover-color: $acrdn-header-font !default;
+$acrdn-item-selected-exp-hdr-border-color: $grey-99 !default;
+$acrdn-item-selected-exp-hdr-border-size: 0 0 1px 0 !default;
+$acrdn-item-selected-exp-hdr-bg: $grey-88 !default;
+$acrdn-item-selected-exp-hdr-hover-color: $grey-light-font !default;
+$acrdn-item-selected-exp-hdr-hover-focus-color: $grey-dark-font !default;
+$acrdn-item-selected-exp-hdr-icon-color: $grey-dark-font !default;
+$acrdn-item-selected-exp-hdr-hover-border-color: $grey-99 !default;
+$acrdn-item-selected-tgl-icon-color: $grey-light-font !default;
+$acrdn-item-selected-hdr-font: $grey-dark-font !default;
+$acrdn-item-select-hdr-focus-border-color: $grey-99 !default;
+$acrdn-item-selected-border-color: $grey-99 !default;
+$acrdn-item-selected-border-size: 1px !default;
+$acrdn-item-selected-select-last-border-bottom: 1px solid $grey-99 !default;
+$acrdn-item-selected-selected-border-color: $grey-99 !default;
+$acrdn-item-selected-selected-border-size: 0 1px 1px 1px !default;
+$acrdn-item-selected-header-background: $grey-88 !default;
+$acrdn-item-selected-hdr-border-color: $grey-99 !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: $acrdn-header-font !default;
+$acrdn-item-selected-select-border-color: $grey-99 !default;
+$acrdn-item-selected-select-border-size: 1px 0 1px 0 !default;
+$acrdn-item-selected-hdr-icon-font: $acrdn-header-font !default;
+$acrdn-item-selected-exp-hdr-con-hover-color: $grey-dark-font !default;
+$acrdn-item-selected-exp-hdr-icon-hover-color: $grey-dark-font !default;
+$acrdn-item-selected-select-active-bg: $gray-base !default;
+$acrdn-item-nes-pan-exp-hdr-color: $grey-dark-font !default;
+$acrdn-item-selected-hdr-hover-border-color: $grey-99 !default;
+$acrdn-item-selected-hdr-tgl-icon-hover-font: $acrdn-header-font !default;
+$acrdn-item-nes-selected-exp-hover-hdr-icons-font: $grey-light-font !default;
+$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;
+
 //enddefault

package/styles/accordion/_bootstrap-definition.scss

@@ -3,11 +3,14 @@
 $acrdn-skin: 'bootstrap' !default;
 $acrdn-header-font-weight: normal !default;
 $acrdn-icon-font-size: $font-size !default;
+$acrdn-bgr-arrow-icon-font-size: 12px !default;
+$acrdn-bgr-item-header-content-font-size: 14px !default;
 $acrdn-content-line-height: 1.5 !default;
 $acrdn-tab-highlight-color:  rgba(0, 0, 0, 0) !default;
 $acrdn-bg-color: $default-bg-color !default;
 $acrdn-default-bg-color: $acrdn-bg-color !default;
 $acrdn-border-size: $border-size !default;
+$acrdn-border-radius: 0 !default;
 $acrdn-active-bg: $default-bg-color !default;
 $acrdn-active-bg-color: $acrdn-active-bg !default;
 $acrdn-header-font: $header-font-color !default;
@@ -29,6 +32,20 @@ $acrdn-bgr-header-lineheight: 48px !default;
 $acrdn-nrml-header-paddingpix: 15px !default;
 $acrdn-bgr-header-paddingpix: 15px !default;
 
+$acrdn-item-hdr-con-lineheight: 39px !default;
+$acrdn-item-selected-first-child-border-top: 1px solid $grey-dd !default;
+$acrdn-item-selected-last-child-border-bottom: 1px solid $grey-dd !default;
+$acrdn-item-border-radius: 4px !default;
+$acrdn-item-margin-top: 5px !default;
+$acrdn-item-nested-panel-item-select-margin: 2px !default;
+$acrdn-item-overflow: hidden !default;
+$acrdn-item-hover-focus-hdr-con-text-decoration: underline !default;
+$acrdn-item-hdr-border-radius: 4px !default;
+$acrdn-item-hdr-margin-bottom: 0 !default;
+$acrdn-item-tgl-icon-display: none !default;
+$acrdn-item-arrow-icon-font-size: 12px !default;
+$acrdn-opacity: .5 !default;
+
 // Header, Nested header and RTL mode Padding
 $acrdn-nrml-header-padding: 0 30px 0 15px !default;
 $acrdn-bgr-header-padding: 0 30px 0 15px !default;
@@ -77,4 +94,87 @@ $acrdn-header-focus-bg: transparent !default;
 
 $acrdn-item-select-bg: $grey-f5 !default;
 
+$acrdn-item-border-color: $grey-dd !default;
+$acrdn-item-border-nav-type: solid !default;
+$acrdn-item-border-size: 0 !default;
+$acrdn-item-select-last-child-border-bottom: 1px solid $grey-dd !default;
+$acrdn-item-select-last-child-border-radius: 4px !default;
+$acrdn-item-first-child-hdr-focus-border-radius: 4px !default;
+$acrdn-item-last-child-border-bottom: 0 !default;
+$acrdn-item-last-child-not-exp-hdr-focus-border-radius: 4px !default;
+$acrdn-item-focus-border-color: $grey-dd !default;
+$acrdn-item-focus-border-size: 0 !default;
+$acrdn-item-focus-selected-exp-border-top: 1px solid $grey-dd !default;
+$acrdn-item-focus-selected-exp-hdr-focus-border-color: $grey-dd !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: transparent !default;
+$acrdn-item-focus-exp-hdr-hover-focus-color: $acrdn-selected-header-font-color !default;
+$acrdn-item-focus-selected-hdr-icons-font: $acrdn-selected-icon-color !default;
+$acrdn-item-focus-exp-hdricon-hover-font: $acrdn-selected-header-font-color !default;
+$acrdn-item-focus-selected-exp-border-color: $grey-dd !default;
+$acrdn-item-exp-select-border-color: $grey-dd !default;
+$acrdn-item-exp-select-border-size: 1px !default;
+$acrdn-item-header-border: 0 !default;
+$acrdn-item-select-exp-hdr-con-disable-font: $acrdn-selected-header-font-color !default;
+$acrdn-item-header-content-disable-color: $gray-dark !default;
+$acrdn-item-hdr-con-text-disabled-font: $gray-dark !default;
+$acrdn-item-icon-disable-color: $gray-dark !default;
+$acrdn-item-selected-exp-hdr-focus-border-color: $grey-dd !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: transparent !default;
+$acrdn-item-selected-exp-hdr-hover-bg: $grey-f5 !default;
+$acrdn-item-selected-exp-hdr-active-bg: $grey-f5 !default;
+$acrdn-item-nes-pan-con-last-child-border-bottom: 1px solid $grey-dd !default;
+$acrdn-item-select-bg: $grey-f5 !default;
+$acrdn-item-select-border-color: $grey-dd !default;
+$acrdn-item-select-border-size: 1px !default;
+$acrdn-item-panel-content-select-bg: none !default;
+$acrdn-item-panel-content-select-border-top: 0 !default;
+$acrdn-item-header-hover-border: 0 !default;
+$acrdn-item-header-hover-bg: transparent !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: none !default;
+$acrdn-item-header-focus-bg: transparent !default;
+$acrdn-item-header-focus-active-color: $gray-dark !default;
+$acrdn-item-select-exp-hdr-hover-color: $gray-dark !default;
+$acrdn-item-selected-exp-hdr-border-color: $grey-dd !default;
+$acrdn-item-selected-exp-hdr-border-size: 0 0 1px 0 !default;
+$acrdn-item-selected-exp-hdr-bg: $grey-f5 !default;
+$acrdn-item-selected-exp-hdr-hover-color: $gray-dark !default;
+$acrdn-item-selected-exp-hdr-hover-focus-color: $gray-dark !default;
+$acrdn-item-selected-exp-hdr-icon-color: $gray-dark !default;
+$acrdn-item-selected-exp-hdr-hover-border-color: $grey-dd !default;
+$acrdn-item-selected-tgl-icon-color: $gray-dark !default;
+$acrdn-item-selected-hdr-font: $gray-dark !default;
+$acrdn-item-select-hdr-focus-border-color: $grey-dd !default;
+$acrdn-item-selected-border-color: $grey-dd !default;
+$acrdn-item-selected-border-size: 1px !default;
+$acrdn-item-selected-select-last-border-bottom: 1px solid $grey-dd !default;
+$acrdn-item-selected-selected-border-color: $grey-dd !default;
+$acrdn-item-selected-selected-border-size: 0 1px 1px 1px !default;
+$acrdn-item-selected-header-background: $grey-f5 !default;
+$acrdn-item-selected-hdr-border-color: $grey-dd !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: $gray-dark !default;
+$acrdn-item-selected-select-border-color: $grey-dd !default;
+$acrdn-item-selected-select-border-size: 1px 0 1px 0 !default;
+$acrdn-item-selected-hdr-icon-font: $gray-dark !default;
+$acrdn-item-selected-exp-hdr-con-hover-color: $gray-dark !default;
+$acrdn-item-selected-exp-hdr-icon-hover-color: $gray-dark !default;
+$acrdn-item-selected-select-active-bg: $grey-f5 !default;
+$acrdn-item-nes-pan-exp-hdr-color: $gray-dark !default;
+$acrdn-item-selected-hdr-hover-border-color: $grey-dd !default;
+$acrdn-item-selected-hdr-tgl-icon-hover-font: $gray-dark !default;
+$acrdn-item-nes-selected-exp-hover-hdr-icons-font: $gray-dark !default;
+$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;
+
 //enddefault

package/styles/accordion/_bootstrap4-definition.scss

@@ -11,7 +11,6 @@ $acrdn-opacity: inherit !default;
 $acrdn-header-font-weight: normal !default;
 $acrdn-icon-font-size: $font-size !default;
 $acrdn-bgr-arrow-icon-font-size: 14px !default;
-$acrdn-bgr-icon-font-size: 16px !default;
 $acrdn-content-line-height: 1.5 !default;
 $acrdn-tab-highlight-color:  rgba(0, 0, 0, 0) !default;
 $acrdn-border-size: $acrdn-border-size !default;
@@ -30,6 +29,17 @@ $acrdn-bgr-header-lineheight: 48px !default;
 $acrdn-nrml-header-paddingpix: 15px !default;
 $acrdn-bgr-header-paddingpix: 15px !default;
 
+$acrdn-item-hdr-con-lineheight: 1.5 !default;
+$acrdn-item-border-radius: 4px 4px 0 0 !default;
+$acrdn-item-margin-top: 0 !default;
+$acrdn-item-nested-panel-item-select-margin: 0 !default;
+$acrdn-item-overflow: hidden !default;
+$acrdn-item-hover-focus-hdr-con-text-decoration: underline !default;
+$acrdn-item-hdr-border-radius: 0 !default;
+$acrdn-item-hdr-margin-bottom: 0 !default;
+$acrdn-item-tgl-icon-display: table !default;
+$acrdn-item-arrow-icon-font-size: 14px !default;
+
 // Header, Nested header and RTL mode Padding
 $acrdn-nrml-header-padding: 0 16px 0 16px !default;
 $acrdn-bgr-header-padding: 0 20px 0 20px !default;
@@ -86,4 +96,88 @@ $acrdn-bgr-item-header-content-font-size: 16px !default;
 $acrdn-selected-header-font-color: $primary !default;
 $acrdn-selected-icon-color: $primary !default;
 
+$acrdn-item-selected-first-child-border-top: 1px none $black !default;
+$acrdn-item-selected-last-child-border-bottom: 1px solid $acrdn-default-border !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 0 4px 4px !default;
+$acrdn-item-first-child-hdr-focus-border-radius: 0 !default;
+$acrdn-item-last-child-border-bottom: 1px solid $acrdn-default-border !default;
+$acrdn-item-last-child-not-exp-hdr-focus-border-radius: 0 !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 $black !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 !default;
+$acrdn-item-focus-exp-hdr-hover-focus-bg-color: $gray-100 !default;
+$acrdn-item-focus-exp-hdr-hover-focus-color: $acrdn-selected-header-font-color !default;
+$acrdn-item-focus-selected-hdr-icons-font: $acrdn-selected-icon-color !default;
+$acrdn-item-focus-exp-hdricon-hover-font: $acrdn-selected-header-font-color !default;
+$acrdn-item-focus-selected-exp-border-color: $black $black $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: $acrdn-disable-color !default;
+$acrdn-item-header-content-disable-color: $acrdn-disable-color !default;
+$acrdn-item-hdr-con-text-disabled-font: $primary !default;
+$acrdn-item-icon-disable-color: $gray-600 !default;
+$acrdn-item-selected-exp-hdr-focus-border-color: $acrdn-default-border !default;
+$acrdn-item-selected-exp-hdr-focus-border-type: solid !default;
+$acrdn-item-selected-exp-hdr-focus-border-size: 0 !default;
+$acrdn-item-selected-exp-hdr-focus-bg: $gray-100 !default;
+$acrdn-item-selected-exp-hdr-hover-bg: $gray-100 !default;
+$acrdn-item-selected-exp-hdr-active-bg: $gray-100 !default;
+$acrdn-item-nes-pan-con-last-child-border-bottom: 1px none $acrdn-default-border !default;
+$acrdn-item-select-bg: none !default;
+$acrdn-item-select-border-color: $acrdn-default-border !default;
+$acrdn-item-select-border-size: 0 0 1px 0 !default;
+$acrdn-item-panel-content-select-border-top: 1px solid $acrdn-default-border !default;
+$acrdn-item-header-hover-border: 0 !default;
+$acrdn-item-header-hover-bg: $gray-100 !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: none !default;
+$acrdn-item-header-focus-bg: $gray-100 !default;
+$acrdn-item-header-focus-active-color: $primary !default;
+$acrdn-item-select-exp-hdr-hover-color: darken($primary, 15) !default;
+$acrdn-item-selected-exp-hdr-border-color: initial !default;
+$acrdn-item-selected-exp-hdr-border-size: 0 !default;
+$acrdn-item-selected-exp-hdr-bg: $gray-100 !default;
+$acrdn-item-selected-exp-hdr-hover-color: darken($primary, 15) !default;
+$acrdn-item-selected-exp-hdr-hover-focus-color: $primary !default;
+$acrdn-item-selected-exp-hdr-icon-color: $primary !default;
+$acrdn-item-selected-exp-hdr-hover-border-color: initial !default;
+$acrdn-item-selected-tgl-icon-color: $primary !default;
+$acrdn-item-selected-hdr-font: $primary !default;
+$acrdn-item-select-hdr-focus-border-color: $acrdn-default-border !default;
+$acrdn-item-selected-border-color: $black $black $acrdn-default-border !default;
+$acrdn-item-selected-border-size: 0 0 1px 0 !default;
+$acrdn-item-selected-select-last-border-bottom: 1px none $acrdn-default-border !default;
+$acrdn-item-selected-selected-border-color: $black $black $acrdn-default-border !default;
+$acrdn-item-selected-selected-border-size: 0 0 1px 0 !default;
+$acrdn-item-selected-header-background: $gray-100 !default;
+$acrdn-item-selected-hdr-border-color: initial !default;
+$acrdn-item-selected-hdr-border-size: 0 !default;
+$acrdn-item-selected-header-border-radius: 4px !default;
+$acrdn-item-selected-hdr-con-font: $primary !default;
+$acrdn-item-selected-select-border-color: $black $black $acrdn-default-border !default;
+$acrdn-item-selected-select-border-size: 0 0 1px 0 !default;
+$acrdn-item-selected-hdr-icon-font: $primary !default;
+$acrdn-item-selected-exp-hdr-con-hover-color: darken($primary, 15) !default;
+$acrdn-item-selected-exp-hdr-icon-hover-color: $primary !default;
+$acrdn-item-selected-select-active-bg: $content-bg !default;
+$acrdn-item-nes-pan-exp-hdr-color: $primary !default;
+$acrdn-item-selected-hdr-hover-border-color: initial !default;
+$acrdn-item-selected-hdr-tgl-icon-hover-font: darken($primary, 15) !default;
+$acrdn-item-nes-selected-exp-hover-hdr-icons-font: $primary !default;
+$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;
+
 //enddefault

package/styles/accordion/_bootstrap5-definition.scss

@@ -16,7 +16,7 @@ $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: 22px;
-$acrdn-bgr-icon-font-size: 20px !default;
+$acrdn-bgr-item-header-content-font-size: 16px !default;
 $acrdn-icon-font-size: 18px !default;
 $acrdn-selected-header-font-color: $primary !default;
 
@@ -65,6 +65,20 @@ $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-hdr-margin-bottom: 4px !default;
+$acrdn-item-tgl-icon-display: table !default;
+$acrdn-item-arrow-icon-font-size: 18px !default;
+$acrdn-opacity: .5 !default;
+
 // color definitions
 $acrdn-tab-highlight-color:  rgba(0, 0, 0, 0) !default;
 $acrdn-active-bg: $content-bg-color !default;
@@ -80,6 +94,88 @@ $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-icon-disable-color: $icon-color-disabled;
+$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-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-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: $primary !default;
+$acrdn-item-selected-exp-hdr-hover-focus-color: $primary !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: $primary !default;
+$acrdn-item-selected-hdr-font: $primary !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: $primary !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: $primary !default;
+$acrdn-item-selected-exp-hdr-con-hover-color: $primary !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: $primary !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;