@syncfusion/ej2-angular-navigations 21.2.9 → 22.1.34

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-angular-navigations@*",
-  "_id": "@syncfusion/ej2-angular-navigations@21.2.8",
+  "_id": "@syncfusion/ej2-angular-navigations@20.1.60",
   "_inBundle": false,
-  "_integrity": "sha512-mnMfwoZwG4dZ2+Qo/JkUNVJySISSzmmFMOMi+Me8yGTNaDunxkOYrCPSREaaXis95Kc7ldrj7iFok10mlsYZ9g==",
+  "_integrity": "sha512-iqumJ2BfjlRMvh/hFLJSoMfD9LfnfANoSMXKRcgS4E1WYOvDEP1mtEJv1OyWCUZgOXv4+QU+MadfDeE2GUL/zA==",
   "_location": "/@syncfusion/ej2-angular-navigations",
   "_phantomChildren": {},
   "_requested": {
@@ -19,8 +19,8 @@
   "_requiredBy": [
     "/"
   ],
-  "_resolved": "https://nexus.syncfusion.com/repository/ej2-angular-hotfix/@syncfusion/ej2-angular-navigations/-/ej2-angular-navigations-21.2.8.tgz",
-  "_shasum": "a1703111c6099b2c267ee3ed7fb0d7333730e1df",
+  "_resolved": "https://nexus.syncfusion.com/repository/ej2-angular-release/@syncfusion/ej2-angular-navigations/-/ej2-angular-navigations-20.1.60.tgz",
+  "_shasum": "bb50de024de39bf65e9339f703c668a97b58cdda",
   "_spec": "@syncfusion/ej2-angular-navigations@*",
   "_where": "/jenkins/workspace/elease-automation_release_21.1.1/ivypackages/included",
   "author": {
@@ -31,9 +31,9 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-angular-base": "~21.2.3",
-    "@syncfusion/ej2-base": "~21.2.9",
-    "@syncfusion/ej2-navigations": "21.2.9",
+    "@syncfusion/ej2-angular-base": "~22.1.34",
+    "@syncfusion/ej2-base": "~22.1.34",
+    "@syncfusion/ej2-navigations": "22.1.34",
     "tslib": "^2.3.0"
   },
   "deprecated": false,
@@ -57,6 +57,107 @@
   "fesm2020": "fesm2020/syncfusion-ej2-angular-navigations.mjs",
   "homepage": "https://www.syncfusion.com/angular-components",
   "keywords": [
+    "ej2",
+    "syncfusion",
+    "web-components",
+    "javascript",
+    "typescript",
+    "model",
+    "toolbar",
+    "horizontal-scroll",
+    "ribbon",
+    "navbar",
+    "navigation-bar",
+    "toolbar-customization",
+    "scrollable-toolbar",
+    "toolbar-popup",
+    "multirow-toolbar",
+    "extended-toolbar",
+    "overflow",
+    "command-buttons",
+    "accordion",
+    "panelbar",
+    "ejTab",
+    "tab",
+    "tabStrip",
+    "scrollable-tab",
+    "popup-tab",
+    "multirow-tab",
+    "header-orientation",
+    "close-tab",
+    "tab-wizard",
+    "tab-with-menu",
+    "ejAccordion",
+    "accordion",
+    "accordion-wizard",
+    "multiple-open-panel-bar",
+    "multiple-open-accordion",
+    "panel-bar",
+    "collapsible-panel-bar",
+    "context-menu",
+    "context menu",
+    "contextmenu",
+    "breadcrumb",
+    "breadcrumb navigation",
+    "breadcrumb trail",
+    "ej2 breadcrumb",
+    "navigation links",
+    "navigational aid",
+    "previous page navigation",
+    "current page hierarchy",
+    "current page location",
+    "path of url",
+    "trace page location",
+    "list of breadcrumb links",
+    "breadcrumb routing",
+    "ej2 contextmenu",
+    "tab-directive",
+    "toolbar-directive",
+    "accordion-directive",
+    "sidebar",
+    "dock size",
+    "showbackdrop",
+    "target",
+    "position",
+    "dock",
+    "gestures",
+    "sticky-sidebar",
+    "fixed",
+    "hamburger",
+    "sidenav",
+    "nav",
+    "hamburger-menu",
+    "side-menu",
+    "navigation-bar",
+    "sticky",
+    "drawer",
+    "slidebar",
+    "slide",
+    "slide-panel",
+    "multiple-sidebar",
+    "slide-navigation",
+    "navigation-drawer",
+    "menu",
+    "menu bar",
+    "ej2 menu",
+    "menu items",
+    "menu item",
+    "menu-item",
+    "ej menu",
+    "treeview",
+    "tree",
+    "ej2-treeview",
+    "tree structure",
+    "hierarchical structure",
+    "tree navigation",
+    "treeview-checkbox",
+    "drag and drop",
+    "tree editing",
+    "load-on-demand",
+    "accordion tree",
+    "tree node template",
+    "tree multi selection",
+    "carousel",
     "angular",
     "ng",
     "ng-template",
@@ -86,9 +187,7 @@
     "angular breadcrumb",
     "ng breadcrumb",
     "angular carousel",
-    "ng carousel",
-    "angular appbar",
-    "ng appbar"
+    "ng carousel"
   ],
   "license": "SEE LICENSE IN license",
   "module": "fesm2015/syncfusion-ej2-angular-navigations.mjs",
@@ -100,5 +199,5 @@
   "schematics": "./schematics/collection.json",
   "sideEffects": false,
   "typings": "syncfusion-ej2-angular-navigations.d.ts",
-  "version": "21.2.9"
+  "version": "22.1.34"
 }

package/schematics/utils/lib-details.ts

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

package/src/carousel/carousel.component.d.ts

@@ -57,5 +57,5 @@ export declare class CarouselComponent extends Carousel implements IComponentBas
     registerEvents: (eventList: string[]) => void;
     addTwoWay: (propList: string[]) => void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CarouselComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CarouselComponent, "ejs-carousel", never, { "animationEffect": "animationEffect"; "autoPlay": "autoPlay"; "buttonsVisibility": "buttonsVisibility"; "cssClass": "cssClass"; "dataSource": "dataSource"; "enablePersistence": "enablePersistence"; "enableRtl": "enableRtl"; "enableTouchSwipe": "enableTouchSwipe"; "height": "height"; "htmlAttributes": "htmlAttributes"; "indicatorsTemplate": "indicatorsTemplate"; "interval": "interval"; "itemTemplate": "itemTemplate"; "items": "items"; "locale": "locale"; "loop": "loop"; "nextButtonTemplate": "nextButtonTemplate"; "partialVisible": "partialVisible"; "pauseOnHover": "pauseOnHover"; "playButtonTemplate": "playButtonTemplate"; "previousButtonTemplate": "previousButtonTemplate"; "selectedIndex": "selectedIndex"; "showIndicators": "showIndicators"; "showPlayButton": "showPlayButton"; "width": "width"; }, { "slideChanged": "slideChanged"; "slideChanging": "slideChanging"; "selectedIndexChange": "selectedIndexChange"; }, ["indicatorsTemplate", "nextButtonTemplate", "previousButtonTemplate", "playButtonTemplate", "itemTemplate", "childItems"], never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CarouselComponent, "ejs-carousel", never, { "animation": "animation"; "autoPlay": "autoPlay"; "buttonsVisibility": "buttonsVisibility"; "cssClass": "cssClass"; "dataSource": "dataSource"; "enablePersistence": "enablePersistence"; "enableRtl": "enableRtl"; "enableTouchSwipe": "enableTouchSwipe"; "height": "height"; "htmlAttributes": "htmlAttributes"; "indicatorsTemplate": "indicatorsTemplate"; "interval": "interval"; "itemTemplate": "itemTemplate"; "items": "items"; "locale": "locale"; "loop": "loop"; "nextButtonTemplate": "nextButtonTemplate"; "playButtonTemplate": "playButtonTemplate"; "previousButtonTemplate": "previousButtonTemplate"; "selectedIndex": "selectedIndex"; "showIndicators": "showIndicators"; "showPlayButton": "showPlayButton"; "width": "width"; }, { "slideChanged": "slideChanged"; "slideChanging": "slideChanging"; "selectedIndexChange": "selectedIndexChange"; }, ["indicatorsTemplate", "nextButtonTemplate", "previousButtonTemplate", "playButtonTemplate", "itemTemplate", "childItems"], never>;
 }

package/src/index.d.ts

@@ -31,7 +31,4 @@ export { MenuItemDirective, MenuItemsDirective } from './menu/items.directive';
 export { MenuComponent } from './menu/menu.component';
 export { MenuModule } from './menu/menu.module';
 export { MenuAllModule } from './menu/menu-all.module';
-export { AppBarComponent } from './appbar/appbar.component';
-export { AppBarModule } from './appbar/appbar.module';
-export { AppBarAllModule } from './appbar/appbar-all.module';
 export * from '@syncfusion/ej2-navigations';

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

@@ -36,13 +36,6 @@ 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
@@ -61,7 +54,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"; "tabIndex": "tabIndex"; "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"; "visible": "visible"; }, {}, ["content", "header_text", "headerTemplate"]>;
 }
 /**
  * TabItem Array Directive

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

@@ -20,19 +20,19 @@ export declare class ItemDirective extends ComplexBase<ItemDirective> {
     /**
      * Specifies the types of command to be rendered in the Toolbar.
      * Supported types are:
-     * * `Button`: Creates the Button control with its given properties like text, prefixIcon, etc.
-     * * `Separator`: Adds a horizontal line that separates the Toolbar commands.
-     * * `Input`: Creates an input element that is applicable to template rendering with Syncfusion controls like DropDownList,
+     * - Button: Creates the Button control with its given properties like text, prefixIcon, etc.
+     * - Separator: Adds a horizontal line that separates the Toolbar commands.
+     * - Input: Creates an input element that is applicable to template rendering with Syncfusion controls like DropDownList,
      * AutoComplete, etc.
      * @default 'Button'
      */
     type: any;
     /**
      * Specifies the location for aligning Toolbar items on the Toolbar. Each command will be aligned according to the `align` property.
-     * The possible values for this property as follows
-     * * `Left`: To align commands to the left side of the Toolbar.
-     * * `Center`: To align commands at the center of the Toolbar.
-     * * `Right`: To align commands to the right side of the Toolbar.
+     * Possible values are:
+     * - Left: To align commands to the left side of the Toolbar.
+     * - Center: To align commands at the center of the Toolbar.
+     * - Right: To align commands to the right side of the Toolbar.
      *
      * @default "Left"
      */
@@ -60,10 +60,10 @@ export declare class ItemDirective extends ComplexBase<ItemDirective> {
     id: any;
     /**
      * Specifies the Toolbar command display area when an element's content is too large to fit available space.
-     * This is applicable only to `popup` mode. The possible values for this property as follows
-     * * `Show`:  Always shows the item as the primary priority on the *Toolbar*.
-     * * `Hide`: Always shows the item as the secondary priority on the *popup*.
-     * * `None`: No priority for display, and as per normal order moves to popup when content exceeds.
+     * This is applicable only to `popup` mode. Possible values are:
+     * - Show:  Always shows the item as the primary priority on the *Toolbar*.
+     * - Hide: Always shows the item as the secondary priority on the *popup*.
+     * - None: No priority for display, and as per normal order moves to popup when content exceeds.
      * @default 'None'
      */
     overflow: any;
@@ -81,10 +81,10 @@ export declare class ItemDirective extends ComplexBase<ItemDirective> {
     showAlwaysInPopup: any;
     /**
      * Specifies where the button text will be displayed on *popup mode* of the Toolbar.
-     * The possible values for this property as follows
-     * * `Toolbar`:  Text will be displayed on *Toolbar* only.
-     * * `Overflow`: Text will be displayed only when content overflows to *popup*.
-     * * `Both`: Text will be displayed on *popup* and *Toolbar*.
+     * Possible values are:
+     * - Toolbar:  Text will be displayed on *Toolbar* only.
+     * - Overflow: Text will be displayed only when content overflows to *popup*.
+     * - Both: Text will be displayed on *popup* and *Toolbar*.
      * @default 'Both'
      */
     showTextOn: any;
@@ -94,13 +94,6 @@ 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 ""
@@ -129,7 +122,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"; "tabIndex": "tabIndex"; "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"; "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

@@ -40,6 +40,7 @@ $acrdn-opacity: .5 !default;
 $acrdn-nrml-header-padding: 0 30px 0 15px !default;
 $acrdn-bgr-header-padding: 0 30px 0 15px !default;
 $acrdn-nest-nrml-header-padding: 0 30px !default;
+$acrdn-nested-item-header-focus-box-shadow: none !default;
 $acrdn-nest-bgr-header-padding: 0 30px !default;
 $acrdn-nest-second-nrml-header-padding: 0 30px 0 45px !default;
 $acrdn-nest-second-bgr-header-padding: 0 30px 0 45px !default;
@@ -126,6 +127,7 @@ $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-panel-content-select-border-bottom: 0 !default;
 $acrdn-item-header-hover-border: 0 !default;
 $acrdn-item-header-hover-bg: transparent !default;
 $acrdn-item-header-hover-border-color: initial !default;
@@ -157,7 +159,7 @@ $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-select-border-size: 1px !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;

package/styles/accordion/_bootstrap-definition.scss

@@ -58,6 +58,7 @@ $acrdn-rtl-nest-nrml-header-padding: 0 30px !default;
 $acrdn-rtl-nest-bgr-header-padding: $acrdn-rtl-nest-nrml-header-padding !default;
 $acrdn-rtl-nest-second-nrml-header-padding: 0  45px 0 30px !default;
 $acrdn-rtl-nest-second-bgr-header-padding: $acrdn-rtl-nest-second-nrml-header-padding !default;
+$acrdn-nested-item-header-focus-box-shadow: none !default;
 
 // Content, Nested content and RTL mode Padding
 $acrdn-nrml-content-padding: 15px !default;
@@ -131,6 +132,7 @@ $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-panel-content-select-border-bottom: 0 !default;
 $acrdn-item-header-hover-border: 0 !default;
 $acrdn-item-header-hover-bg: transparent !default;
 $acrdn-item-header-hover-border-color: initial !default;
@@ -162,7 +164,7 @@ $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-select-border-size: 1px !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;

package/styles/accordion/_bootstrap4-definition.scss

@@ -52,6 +52,7 @@ $acrdn-rtl-nest-nrml-header-padding: 0 30px !default;
 $acrdn-rtl-nest-bgr-header-padding: $acrdn-rtl-nest-nrml-header-padding !default;
 $acrdn-rtl-nest-second-nrml-header-padding: 0  45px 0 30px !default;
 $acrdn-rtl-nest-second-bgr-header-padding: $acrdn-rtl-nest-second-nrml-header-padding !default;
+$acrdn-nested-item-header-focus-box-shadow: none !default;
 
 // Content, Nested content and RTL mode Padding
 $acrdn-nrml-content-padding: 16px !default;
@@ -134,6 +135,7 @@ $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-panel-content-select-border-bottom: 0 !default;
 $acrdn-item-header-hover-border: 0 !default;
 $acrdn-item-header-hover-bg: $gray-100 !default;
 $acrdn-item-header-hover-border-color: initial !default;

package/styles/accordion/_bootstrap5-definition.scss

@@ -21,7 +21,7 @@ $acrdn-icon-font-size: $text-lg !default;
 $acrdn-selected-header-font-color: $primary !default;
 
 // Header, Nested header and RTL mode Padding
-$acrdn-nest-nrml-header-padding: 8px 0 8px 26px !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;
@@ -33,6 +33,7 @@ $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;
 
 // Content, Nested content and RTL mode Padding
 $acrdn-nrml-content-padding: 12px !default;
@@ -134,6 +135,7 @@ $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;

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

@@ -64,6 +64,7 @@ $acrdn-rtl-nest-nrml-content-padding: 15px 24px 15px 15px !default;
 $acrdn-rtl-nest-bgr-content-padding: 19px 24px 19px 19px !default;
 $acrdn-rtl-nest-second-nrml-content-padding: 15px 36px 15px 15px !default;
 $acrdn-rtl-nest-second-bgr-content-padding: 19px 36px 19px 19px !default;
+$acrdn-nested-item-header-focus-box-shadow: none !default;
 
 $acrdn-nrml-header-icon-padding: 8px !default;
 $acrdn-bgr-header-icon-padding: 14px !default;
@@ -129,6 +130,7 @@ $acrdn-item-select-border-color: $neutral-white !default;
 $acrdn-item-select-border-size: 1px 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: 1px solid $neutral-light !default;
 $acrdn-item-header-hover-bg: $neutral-light !default;
 $acrdn-item-header-hover-border-color: $neutral-light !default;

package/styles/accordion/_fabric-definition.scss

@@ -134,6 +134,7 @@ $acrdn-item-select-border-color: $neutral-white !default;
 $acrdn-item-select-border-size: 1px 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: 1px solid $neutral-lighter !default;
 $acrdn-item-header-hover-bg: $neutral-lighter !default;
 $acrdn-item-header-hover-border-color: $neutral-lighter !default;
@@ -178,5 +179,6 @@ $acrdn-item-nes-selected-exp-hover-hdr-con-font: $neutral-light-font !default;
 $acrdn-item-exp-not-selected-hdr-focus-bg: $theme-lighter !default;
 $acrdn-item-exp-not-selected-hdr-focus-border: 1px solid $acrdn-item-exp-hdr-focus-border-color !default;
 $acrdn-item-exp-not-selected-hdr-focus-border-color: $acrdn-item-exp-hdr-focus-border-color !default;
+$acrdn-nested-item-header-focus-box-shadow: none !default;
 
 //enddefault

package/styles/accordion/_fluent-definition.scss

@@ -40,6 +40,7 @@ $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: none !default;
 
 // Content, Nested content and RTL mode Padding
 $acrdn-nrml-content-padding: 12px !default;
@@ -131,6 +132,7 @@ $acrdn-item-select-border-color: $acrdn-selected-border-color !default;
 $acrdn-item-select-border-size: 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: 1px solid $border-light !default;
 $acrdn-item-header-hover-border: 0 !default;
 $acrdn-item-header-hover-bg: $content-bg-color-hover !default;
 $acrdn-item-header-hover-border-color: initial !default;

package/styles/accordion/_fusionnew-definition.scss

@@ -33,6 +33,7 @@ $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: none !default;
 
 // Content, Nested content and RTL mode Padding
 $acrdn-nrml-content-padding: 12px !default;
@@ -134,6 +135,7 @@ $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;

package/styles/accordion/_highcontrast-definition.scss

@@ -52,6 +52,7 @@ $acrdn-rtl-nest-nrml-header-padding: 0 24px 0 42px !default;
 $acrdn-rtl-nest-bgr-header-padding: $acrdn-rtl-nest-nrml-header-padding !default;
 $acrdn-rtl-nest-second-nrml-header-padding: 0  36px 0 42px !default;
 $acrdn-rtl-nest-second-bgr-header-padding: $acrdn-rtl-nest-second-nrml-header-padding !default;
+$acrdn-nested-item-header-focus-box-shadow: none !default;
 
 // Content, Nested content and RTL mode Padding
 $acrdn-nrml-content-padding: 15px !default;
@@ -158,6 +159,7 @@ $acrdn-item-select-border-color: $acrdn-selected-border-color !default;
 $acrdn-item-select-border-size: 0 !default;
 $acrdn-item-panel-content-select-bg: $bg-base-0 !default;
 $acrdn-item-panel-content-select-border-top: 0 !default;
+$acrdn-item-panel-content-select-border-bottom: 0 !default;
 $acrdn-item-header-hover-border: 1px solid $bg-base-0 !default;
 $acrdn-item-header-hover-bg: $hover-bg !default;
 $acrdn-item-header-hover-border-color: $acrdn-focus-exp-hdr-focus-border-color !default;

package/styles/accordion/_highcontrast-light-definition.scss

@@ -80,6 +80,7 @@ $acrdn-rtl-nest-nrml-header-padding: 0 24px 0 42px !default;
 $acrdn-rtl-nest-bgr-header-padding: $acrdn-rtl-nest-nrml-header-padding !default;
 $acrdn-rtl-nest-second-nrml-header-padding: 0  36px 0 42px !default;
 $acrdn-rtl-nest-second-bgr-header-padding: $acrdn-rtl-nest-second-nrml-header-padding !default;
+$acrdn-nested-item-header-focus-box-shadow: none !default;
 
 // Content, Nested content and RTL mode Padding
 $acrdn-nrml-content-padding: 15px !default;
@@ -156,6 +157,7 @@ $acrdn-item-select-border-color: $acrdn-selected-border-color !default;
 $acrdn-item-select-border-size: 0 !default;
 $acrdn-item-panel-content-select-bg: $bg-base-0 !default;
 $acrdn-item-panel-content-select-border-top: 0 !default;
+$acrdn-item-panel-content-select-border-bottom: 0 !default;
 $acrdn-item-header-hover-border: 1px solid $bg-base-0 !default;
 $acrdn-item-header-hover-bg: $hover-bg !default;
 $acrdn-item-header-hover-border-color: $acrdn-focus-exp-hdr-focus-border-color !default;

package/styles/accordion/_layout.scss

@@ -24,6 +24,7 @@
           }
 
           > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header {
+            box-shadow: none;
             padding: $acrdn-nest-bgr-header-padding;
           }
 
@@ -136,6 +137,10 @@
       border-radius: $acrdn-item-border-radius;
       margin-top: $acrdn-item-margin-top;
 
+      &:first-child {
+        margin-top: 0;
+      }
+      
       &:not(.e-select) + .e-acrdn-item:not(.e-select) {
         margin-bottom: 0;
         margin-top: 0;
@@ -255,6 +260,10 @@
 
           > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header {
             padding: $acrdn-nest-nrml-header-padding;
+
+            &:focus {
+              box-shadow: $acrdn-nested-item-header-focus-box-shadow;
+            }
           }
 
           > .e-acrdn-content {

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

@@ -46,6 +46,7 @@ $acrdn-rtl-nest-nrml-header-padding: 0 32px 0 40px !default;
 $acrdn-rtl-nest-bgr-header-padding: 0 32px 0 46px !default;
 $acrdn-rtl-nest-second-nrml-header-padding: 0 48px 0 40px !default;
 $acrdn-rtl-nest-second-bgr-header-padding: 0 48px 0 46px !default;
+$acrdn-nested-item-header-focus-box-shadow: none !default;
 
 // Content, Nested content and RTL mode Padding
 $acrdn-nrml-content-padding: 16px !default;
@@ -132,6 +133,7 @@ $acrdn-item-select-border-color: transparent !default;
 $acrdn-item-select-border-size: 1px 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: $acrdn-header-hover-bg !default;
 $acrdn-item-header-hover-border-color: initial !default;

package/styles/accordion/_material-definition.scss

@@ -41,6 +41,7 @@ $acrdn-rtl-nest-nrml-header-padding: 0 32px 0 40px !default;
 $acrdn-rtl-nest-bgr-header-padding: 0 32px 0 46px !default;
 $acrdn-rtl-nest-second-nrml-header-padding: 0 48px 0 40px !default;
 $acrdn-rtl-nest-second-bgr-header-padding: 0 48px 0 46px !default;
+$acrdn-nested-item-header-focus-box-shadow: none !default;
 
 // Content, Nested content and RTL mode Padding
 $acrdn-nrml-content-padding: 16px !default;
@@ -128,6 +129,7 @@ $acrdn-item-select-border-color: transparent !default;
 $acrdn-item-select-border-size: 1px 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: transparent !default;
 $acrdn-item-header-hover-border-color: initial !default;

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

@@ -0,0 +1 @@
+@import './material3-definition.scss';