@syncfusion/ej2-angular-navigations 20.4.53 → 21.1.35

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-angular-navigations@*",
-  "_id": "@syncfusion/ej2-angular-navigations@20.4.51",
+  "_id": "@syncfusion/ej2-angular-navigations@19.91.2",
   "_inBundle": false,
-  "_integrity": "sha512-fRT4CNjecwaytqMa8cRXTn+V1IJE12vMqSfdL7PnJNprMglb2i13ADcQPpj1qc9sbnepm4OBDlDMlyQKMnrbLg==",
+  "_integrity": "sha512-5LAMOXNUKCKKl0in/IjMDZaivJBlNYX8H5cGLvjSThplq1NeKIODIsqbb4aJ/2ZgVJe4LufxZp6ylEuPZRPvNw==",
   "_location": "/@syncfusion/ej2-angular-navigations",
   "_phantomChildren": {},
   "_requested": {
@@ -19,10 +19,10 @@
   "_requiredBy": [
     "/"
   ],
-  "_resolved": "https://nexus.syncfusion.com/repository/ej2-angular-hotfix/@syncfusion/ej2-angular-navigations/-/ej2-angular-navigations-20.4.51.tgz",
-  "_shasum": "43fe95e8b02000bee317b37381ff10494789ea2d",
+  "_resolved": "https://nexus.syncfusion.com/repository/ej2-angular-release/@syncfusion/ej2-angular-navigations/-/ej2-angular-navigations-19.91.2.tgz",
+  "_shasum": "378e36b97603083a687c5966eec9e7c0b0758994",
   "_spec": "@syncfusion/ej2-angular-navigations@*",
-  "_where": "/jenkins/workspace/ease-automation_release_19.1.0.1/ivypackages/included",
+  "_where": "/jenkins/workspace/elease-automation_release_21.1.1/ivypackages/included",
   "author": {
     "name": "Syncfusion Inc."
   },
@@ -31,9 +31,9 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-angular-base": "~20.4.53",
-    "@syncfusion/ej2-base": "~20.4.51",
-    "@syncfusion/ej2-navigations": "20.4.53",
+    "@syncfusion/ej2-angular-base": "~21.1.35",
+    "@syncfusion/ej2-base": "~21.1.35",
+    "@syncfusion/ej2-navigations": "21.1.35",
     "tslib": "^2.3.0"
   },
   "deprecated": false,
@@ -100,5 +100,5 @@
   "schematics": "./schematics/collection.json",
   "sideEffects": false,
   "typings": "syncfusion-ej2-angular-navigations.d.ts",
-  "version": "20.4.53"
+  "version": "21.1.35"
 }

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

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

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.53';
+exports.pkgVer = '^21.1.35';
 exports.moduleName = 'AccordionModule, ToolbarModule, ContextMenuModule, BreadcrumbModule, CarouselModule, TabModule, TreeViewModule, SidebarModule, MenuModule, AppBarModule';
-exports.themeVer = '~20.4.53';
+exports.themeVer = '~21.1.35';

package/schematics/utils/lib-details.ts

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

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.
-     * 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.
+     * 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.
      *
      * @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. 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.
+     * 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.
      * @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.
-     * 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*.
+     * 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*.
      * @default 'Both'
      */
     showTextOn: any;

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

@@ -32,7 +32,6 @@ $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;

package/styles/accordion/_bootstrap-definition.scss

@@ -41,7 +41,6 @@ $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;

package/styles/accordion/_bootstrap4-definition.scss

@@ -36,7 +36,6 @@ $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;
 

package/styles/accordion/_bootstrap5-definition.scss

@@ -11,13 +11,13 @@ $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: normal !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: 22px;
-$acrdn-bgr-item-header-content-font-size: 16px !default;
-$acrdn-icon-font-size: 18px !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;
 
 // Header, Nested header and RTL mode Padding
@@ -74,9 +74,8 @@ $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-item-arrow-icon-font-size: $text-lg !default;
 $acrdn-opacity: .5 !default;
 
 // color definitions
@@ -178,4 +177,4 @@ $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-item-exp-not-selected-hdr-focus-border-color: initial !default;

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

@@ -38,7 +38,6 @@ $acrdn-item-nested-panel-item-select-margin: 0 !default;
 $acrdn-item-overflow: hidden !default;
 $acrdn-item-hover-focus-hdr-con-text-decoration: none !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;
 $acrdn-opacity: .5 !default;

package/styles/accordion/_fabric-definition.scss

@@ -36,7 +36,6 @@ $acrdn-item-nested-panel-item-select-margin: 0 !default;
 $acrdn-item-overflow: hidden !default;
 $acrdn-item-hover-focus-hdr-con-text-decoration: none !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;
 $acrdn-opacity: .5 !default;

package/styles/accordion/_fluent-definition.scss

@@ -23,9 +23,8 @@ $acrdn-item-nested-panel-item-select-margin: 0 !default;
 $acrdn-item-overflow: hidden !default;
 $acrdn-item-hover-focus-hdr-con-text-decoration: none !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: 12px !default;
+$acrdn-item-arrow-icon-font-size: $text-xs !default;
 $acrdn-opacity: .5 !default;
 
 // Header, Nested header and RTL mode Padding
@@ -73,7 +72,7 @@ $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: normal !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;
@@ -89,9 +88,9 @@ $acrdn-item-header-focus-border-color: $primary !default;
 
 $acrdn-border-type: solid !default;
 $acrdn-border-size: 1px !default;
-$acrdn-bgr-arrow-icon-font-size: 22px;
-$acrdn-bgr-item-header-content-font-size: 16px !default;
-$acrdn-icon-font-size: 18px !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-item-icon-disable-color: $icon-color-disabled;
 $acrdn-text-disable-color: $content-text-color-disabled;
 

package/styles/accordion/_fusionnew-definition.scss

@@ -74,7 +74,6 @@ $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;

package/styles/accordion/_highcontrast-definition.scss

@@ -35,7 +35,6 @@ $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: 0 !default;
 $acrdn-item-tgl-icon-display: table !default;
 $acrdn-item-arrow-icon-font-size: 12px !default;
 $acrdn-opacity: .5 !default;

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

@@ -63,7 +63,6 @@ $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: 0 !default;
 $acrdn-item-tgl-icon-display: table !default;
 $acrdn-item-arrow-icon-font-size: 12px !default;
 $acrdn-opacity: .5 !default;

package/styles/accordion/_layout.scss

@@ -201,7 +201,6 @@
         text-decoration: none;
         text-overflow: ellipsis;
         white-space: nowrap;
-        margin-bottom: $acrdn-item-hdr-margin-bottom;
 
         > * {
           display: inline-block;

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

@@ -29,7 +29,6 @@ $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: 0 !default;
 $acrdn-item-tgl-icon-display: table !default;
 $acrdn-item-arrow-icon-font-size: 12px !default;
 $acrdn-opacity: .5 !default;

package/styles/accordion/_material-definition.scss

@@ -24,7 +24,6 @@ $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: 0 !default;
 $acrdn-item-tgl-icon-display: table !default;
 $acrdn-item-arrow-icon-font-size: 12px !default;
 $acrdn-opacity: .5 !default;

package/styles/accordion/_tailwind-definition.scss

@@ -22,9 +22,8 @@ $acrdn-item-nested-panel-item-select-margin: 0 !default;
 $acrdn-item-overflow: hidden !default;
 $acrdn-item-hover-focus-hdr-con-text-decoration: none !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: 18px !default;
+$acrdn-item-arrow-icon-font-size: $text-lg !default;
 $acrdn-opacity: .5 !default;
 
 // Header, Nested header and RTL mode Padding
@@ -72,7 +71,7 @@ $acrdn-header-font-weight: $font-weight-medium !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: normal !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;
@@ -88,9 +87,9 @@ $acrdn-header-active-bg: $content-bg-color-pressed !default;
 $acrdn-border-type: solid !default;
 $acrdn-border-size: 1px !default;
 $acrdn-border-radius: 0 !default;
-$acrdn-bgr-arrow-icon-font-size: 22px;
-$acrdn-bgr-item-header-content-font-size: 16px !default;
-$acrdn-icon-font-size: 18px !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-item-icon-disable-color: $icon-color-disabled;
 $acrdn-text-disable-color: $content-text-color-disabled;
 

package/styles/accordion/bootstrap-dark.css

@@ -161,7 +161,6 @@
   text-decoration: none;
   text-overflow: ellipsis;
   white-space: nowrap;
-  margin-bottom: 0;
 }
 .e-accordion .e-acrdn-item .e-acrdn-header > * {
   display: inline-block;

package/styles/accordion/bootstrap.css

@@ -162,7 +162,6 @@
   text-decoration: none;
   text-overflow: ellipsis;
   white-space: nowrap;
-  margin-bottom: 0;
 }
 .e-accordion .e-acrdn-item .e-acrdn-header > * {
   display: inline-block;

package/styles/accordion/bootstrap4.css

@@ -161,7 +161,6 @@
   text-decoration: none;
   text-overflow: ellipsis;
   white-space: nowrap;
-  margin-bottom: 0;
 }
 .e-accordion .e-acrdn-item .e-acrdn-header > * {
   display: inline-block;

package/styles/accordion/bootstrap5-dark.css

@@ -58,7 +58,7 @@
   min-height: 48px;
   min-width: 24px;
   right: 16px;
-  font-size: 22px;
+  font-size: 20px;
 }
 .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-header .e-acrdn-header-icon,
 .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-header .e-acrdn-header-icon {
@@ -67,7 +67,7 @@
 }
 .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-header .e-acrdn-header-icon .e-acrdn-icons.e-icons,
 .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-header .e-acrdn-header-icon .e-acrdn-icons.e-icons {
-  font-size: 22px;
+  font-size: 20px;
 }
 .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content,
 .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content {
@@ -163,7 +163,6 @@
   text-decoration: none;
   text-overflow: ellipsis;
   white-space: nowrap;
-  margin-bottom: 4px;
 }
 .e-accordion .e-acrdn-item .e-acrdn-header > * {
   display: inline-block;
@@ -224,7 +223,7 @@
   padding: 20px 20px 20px 38px;
 }
 .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested .e-acrdn-item.e-select.e-selected .e-acrdn-header > .e-acrdn-header-content {
-  font-weight: normal;
+  font-weight: 400;
 }
 .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested .e-nested .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-content {
   font-weight: normal;

package/styles/accordion/bootstrap5.css

@@ -58,7 +58,7 @@
   min-height: 48px;
   min-width: 24px;
   right: 16px;
-  font-size: 22px;
+  font-size: 20px;
 }
 .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-header .e-acrdn-header-icon,
 .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-header .e-acrdn-header-icon {
@@ -67,7 +67,7 @@
 }
 .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-header .e-acrdn-header-icon .e-acrdn-icons.e-icons,
 .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-header .e-acrdn-header-icon .e-acrdn-icons.e-icons {
-  font-size: 22px;
+  font-size: 20px;
 }
 .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content,
 .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content {
@@ -163,7 +163,6 @@
   text-decoration: none;
   text-overflow: ellipsis;
   white-space: nowrap;
-  margin-bottom: 4px;
 }
 .e-accordion .e-acrdn-item .e-acrdn-header > * {
   display: inline-block;
@@ -224,7 +223,7 @@
   padding: 20px 20px 20px 38px;
 }
 .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested .e-acrdn-item.e-select.e-selected .e-acrdn-header > .e-acrdn-header-content {
-  font-weight: normal;
+  font-weight: 400;
 }
 .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested .e-nested .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-content {
   font-weight: normal;

package/styles/accordion/fabric-dark.css

@@ -161,7 +161,6 @@
   text-decoration: none;
   text-overflow: ellipsis;
   white-space: nowrap;
-  margin-bottom: 0;
 }
 .e-accordion .e-acrdn-item .e-acrdn-header > * {
   display: inline-block;

package/styles/accordion/fabric.css

@@ -162,7 +162,6 @@
   text-decoration: none;
   text-overflow: ellipsis;
   white-space: nowrap;
-  margin-bottom: 0;
 }
 .e-accordion .e-acrdn-item .e-acrdn-header > * {
   display: inline-block;

package/styles/accordion/fluent-dark.css

@@ -57,7 +57,7 @@
   min-height: 48px;
   min-width: 24px;
   right: 16px;
-  font-size: 22px;
+  font-size: 20px;
 }
 .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-header .e-acrdn-header-icon,
 .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-header .e-acrdn-header-icon {
@@ -66,7 +66,7 @@
 }
 .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-header .e-acrdn-header-icon .e-acrdn-icons.e-icons,
 .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-header .e-acrdn-header-icon .e-acrdn-icons.e-icons {
-  font-size: 22px;
+  font-size: 20px;
 }
 .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content,
 .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content {
@@ -162,7 +162,6 @@
   text-decoration: none;
   text-overflow: ellipsis;
   white-space: nowrap;
-  margin-bottom: 0;
 }
 .e-accordion .e-acrdn-item .e-acrdn-header > * {
   display: inline-block;
@@ -223,7 +222,7 @@
   padding: 20px 20px 20px 38px;
 }
 .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested .e-acrdn-item.e-select.e-selected .e-acrdn-header > .e-acrdn-header-content {
-  font-weight: normal;
+  font-weight: 400;
 }
 .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested .e-nested .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-content {
   font-weight: normal;

package/styles/accordion/fluent.css

@@ -57,7 +57,7 @@
   min-height: 48px;
   min-width: 24px;
   right: 16px;
-  font-size: 22px;
+  font-size: 20px;
 }
 .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-header .e-acrdn-header-icon,
 .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-header .e-acrdn-header-icon {
@@ -66,7 +66,7 @@
 }
 .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-header .e-acrdn-header-icon .e-acrdn-icons.e-icons,
 .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-header .e-acrdn-header-icon .e-acrdn-icons.e-icons {
-  font-size: 22px;
+  font-size: 20px;
 }
 .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content,
 .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content {
@@ -162,7 +162,6 @@
   text-decoration: none;
   text-overflow: ellipsis;
   white-space: nowrap;
-  margin-bottom: 0;
 }
 .e-accordion .e-acrdn-item .e-acrdn-header > * {
   display: inline-block;
@@ -223,7 +222,7 @@
   padding: 20px 20px 20px 38px;
 }
 .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested .e-acrdn-item.e-select.e-selected .e-acrdn-header > .e-acrdn-header-content {
-  font-weight: normal;
+  font-weight: 400;
 }
 .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested .e-nested .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-content {
   font-weight: normal;

package/styles/accordion/highcontrast-light.css

@@ -161,7 +161,6 @@
   text-decoration: none;
   text-overflow: ellipsis;
   white-space: nowrap;
-  margin-bottom: 0;
 }
 .e-accordion .e-acrdn-item .e-acrdn-header > * {
   display: inline-block;

package/styles/accordion/highcontrast.css

@@ -162,7 +162,6 @@
   text-decoration: none;
   text-overflow: ellipsis;
   white-space: nowrap;
-  margin-bottom: 0;
 }
 .e-accordion .e-acrdn-item .e-acrdn-header > * {
   display: inline-block;

package/styles/accordion/material-dark.css

@@ -162,7 +162,6 @@
   text-decoration: none;
   text-overflow: ellipsis;
   white-space: nowrap;
-  margin-bottom: 0;
 }
 .e-accordion .e-acrdn-item .e-acrdn-header > * {
   display: inline-block;

package/styles/accordion/material.css

@@ -163,7 +163,6 @@
   text-decoration: none;
   text-overflow: ellipsis;
   white-space: nowrap;
-  margin-bottom: 0;
 }
 .e-accordion .e-acrdn-item .e-acrdn-header > * {
   display: inline-block;

package/styles/accordion/tailwind-dark.css

@@ -58,7 +58,7 @@
   min-height: 48px;
   min-width: 24px;
   right: 16px;
-  font-size: 22px;
+  font-size: 20px;
 }
 .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-header .e-acrdn-header-icon,
 .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-header .e-acrdn-header-icon {
@@ -67,7 +67,7 @@
 }
 .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-header .e-acrdn-header-icon .e-acrdn-icons.e-icons,
 .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-header .e-acrdn-header-icon .e-acrdn-icons.e-icons {
-  font-size: 22px;
+  font-size: 20px;
 }
 .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content,
 .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content {
@@ -163,7 +163,6 @@
   text-decoration: none;
   text-overflow: ellipsis;
   white-space: nowrap;
-  margin-bottom: 0;
 }
 .e-accordion .e-acrdn-item .e-acrdn-header > * {
   display: inline-block;
@@ -224,7 +223,7 @@
   padding: 20px 20px 20px 38px;
 }
 .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested .e-acrdn-item.e-select.e-selected .e-acrdn-header > .e-acrdn-header-content {
-  font-weight: normal;
+  font-weight: 400;
 }
 .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested .e-nested .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-content {
   font-weight: normal;

package/styles/accordion/tailwind.css

@@ -58,7 +58,7 @@
   min-height: 48px;
   min-width: 24px;
   right: 16px;
-  font-size: 22px;
+  font-size: 20px;
 }
 .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-header .e-acrdn-header-icon,
 .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-header .e-acrdn-header-icon {
@@ -67,7 +67,7 @@
 }
 .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-header .e-acrdn-header-icon .e-acrdn-icons.e-icons,
 .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-header .e-acrdn-header-icon .e-acrdn-icons.e-icons {
-  font-size: 22px;
+  font-size: 20px;
 }
 .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content,
 .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content {
@@ -163,7 +163,6 @@
   text-decoration: none;
   text-overflow: ellipsis;
   white-space: nowrap;
-  margin-bottom: 0;
 }
 .e-accordion .e-acrdn-item .e-acrdn-header > * {
   display: inline-block;
@@ -224,7 +223,7 @@
   padding: 20px 20px 20px 38px;
 }
 .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested .e-acrdn-item.e-select.e-selected .e-acrdn-header > .e-acrdn-header-content {
-  font-weight: normal;
+  font-weight: 400;
 }
 .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested .e-nested .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-content {
   font-weight: normal;

package/styles/appbar/_bootstrap5-definition.scss

@@ -3,6 +3,6 @@
 $appbar-bg-color-primary: $primary !default;
 $appbar-color-primary: $primary-text-color !default;
 $appbar-border-color-primary: $primary !default;
-$appbar-font-size: 14px !default;
-$appbar-bigger-font-size: 16px !default;
+$appbar-font-size: $text-sm !default;
+$appbar-bigger-font-size: $text-base !default;
 $appbar-border: none !default;

package/styles/appbar/_fluent-definition.scss

@@ -3,6 +3,6 @@
 $appbar-bg-color-primary: $primary !default;
 $appbar-color-primary: $primary-text-color !default;
 $appbar-border-color-primary: $primary !default;
-$appbar-font-size: 14px !default;
-$appbar-bigger-font-size: 16px !default;
+$appbar-font-size: $text-sm !default;
+$appbar-bigger-font-size: $text-base !default;
 $appbar-border: none !default;