@db-ux/wc-core-components 3.0.2-copilot2-e7bf98b → 3.0.2-shell2-badc28f

package/dist/types/components.d.ts

@@ -8,10 +8,16 @@ import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
 import { DBAccordionProps } from "./components/accordion/model";
 import { DBAccordionItemProps } from "./components/accordion-item/model";
 import { DBBadgeProps } from "./components/badge/model";
-import { DBBrandProps } from "./components/brand/model";
 import { DBButtonProps } from "./components/button/model";
 import { DBCardProps } from "./components/card/model";
 import { DBCheckboxProps } from "./components/checkbox/model";
+import { DBControlPanelBrandProps } from "./components/control-panel-brand/model";
+import { DBControlPanelDesktopProps } from "./components/control-panel-desktop/model";
+import { DBControlPanelFlatIconNavigationProps } from "./components/control-panel-flat-icon-navigation/model";
+import { DBControlPanelMetaNavigationProps } from "./components/control-panel-meta-navigation/model";
+import { DBControlPanelMobileProps } from "./components/control-panel-mobile/model";
+import { DBControlPanelPrimaryActionsProps } from "./components/control-panel-primary-actions/model";
+import { DBControlPanelSecondaryActionsProps } from "./components/control-panel-secondary-actions/model";
 import { DBCustomSelectProps } from "./components/custom-select/model";
 import { DBCustomSelectDropdownProps } from "./components/custom-select-dropdown/model";
 import { DBCustomSelectFormFieldProps } from "./components/custom-select-form-field/model";
@@ -19,19 +25,20 @@ import { DBCustomSelectListProps } from "./components/custom-select-list/model";
 import { DBCustomSelectListItemProps } from "./components/custom-select-list-item/model";
 import { DBDividerProps } from "./components/divider/model";
 import { DBDrawerProps } from "./components/drawer/model";
-import { DBHeaderProps } from "./components/header/model";
 import { DBIconProps } from "./components/icon/model";
 import { DBInfotextProps } from "./components/infotext/model";
 import { DBInputProps } from "./components/input/model";
 import { DBLinkProps } from "./components/link/model";
 import { DBNavigationProps } from "./components/navigation/model";
 import { DBNavigationItemProps } from "./components/navigation-item/model";
+import { DBNavigationItemGroupProps } from "./components/navigation-item-group/model";
 import { DBNotificationProps } from "./components/notification/model";
-import { DBPageProps } from "./components/page/model";
 import { DBPopoverProps } from "./components/popover/model";
 import { DBRadioProps } from "./components/radio/model";
 import { DBSectionProps } from "./components/section/model";
 import { DBSelectProps } from "./components/select/model";
+import { DBShellProps } from "./components/shell/model";
+import { DBShellSubNavigationProps } from "./components/shell-sub-navigation/model";
 import { DBStackProps } from "./components/stack/model";
 import { DBSwitchProps } from "./components/switch/model";
 import { DBTabItemProps } from "./components/tab-item/model";
@@ -44,10 +51,16 @@ import { DBTooltipProps } from "./components/tooltip/model";
 export { DBAccordionProps } from "./components/accordion/model";
 export { DBAccordionItemProps } from "./components/accordion-item/model";
 export { DBBadgeProps } from "./components/badge/model";
-export { DBBrandProps } from "./components/brand/model";
 export { DBButtonProps } from "./components/button/model";
 export { DBCardProps } from "./components/card/model";
 export { DBCheckboxProps } from "./components/checkbox/model";
+export { DBControlPanelBrandProps } from "./components/control-panel-brand/model";
+export { DBControlPanelDesktopProps } from "./components/control-panel-desktop/model";
+export { DBControlPanelFlatIconNavigationProps } from "./components/control-panel-flat-icon-navigation/model";
+export { DBControlPanelMetaNavigationProps } from "./components/control-panel-meta-navigation/model";
+export { DBControlPanelMobileProps } from "./components/control-panel-mobile/model";
+export { DBControlPanelPrimaryActionsProps } from "./components/control-panel-primary-actions/model";
+export { DBControlPanelSecondaryActionsProps } from "./components/control-panel-secondary-actions/model";
 export { DBCustomSelectProps } from "./components/custom-select/model";
 export { DBCustomSelectDropdownProps } from "./components/custom-select-dropdown/model";
 export { DBCustomSelectFormFieldProps } from "./components/custom-select-form-field/model";
@@ -55,19 +68,20 @@ export { DBCustomSelectListProps } from "./components/custom-select-list/model";
 export { DBCustomSelectListItemProps } from "./components/custom-select-list-item/model";
 export { DBDividerProps } from "./components/divider/model";
 export { DBDrawerProps } from "./components/drawer/model";
-export { DBHeaderProps } from "./components/header/model";
 export { DBIconProps } from "./components/icon/model";
 export { DBInfotextProps } from "./components/infotext/model";
 export { DBInputProps } from "./components/input/model";
 export { DBLinkProps } from "./components/link/model";
 export { DBNavigationProps } from "./components/navigation/model";
 export { DBNavigationItemProps } from "./components/navigation-item/model";
+export { DBNavigationItemGroupProps } from "./components/navigation-item-group/model";
 export { DBNotificationProps } from "./components/notification/model";
-export { DBPageProps } from "./components/page/model";
 export { DBPopoverProps } from "./components/popover/model";
 export { DBRadioProps } from "./components/radio/model";
 export { DBSectionProps } from "./components/section/model";
 export { DBSelectProps } from "./components/select/model";
+export { DBShellProps } from "./components/shell/model";
+export { DBShellSubNavigationProps } from "./components/shell-sub-navigation/model";
 export { DBStackProps } from "./components/stack/model";
 export { DBSwitchProps } from "./components/switch/model";
 export { DBTabItemProps } from "./components/tab-item/model";
@@ -106,14 +120,6 @@ export namespace Components {
         "size": DBBadgeProps["size"];
         "text": DBBadgeProps["text"];
     }
-    interface DbBrand {
-        "className": DBBrandProps["className"];
-        "hideLogo": DBBrandProps["hideLogo"];
-        "icon": DBBrandProps["icon"];
-        "id": DBBrandProps["id"];
-        "showIcon": DBBrandProps["showIcon"];
-        "text": DBBrandProps["text"];
-    }
     interface DbButton {
         "className": DBButtonProps["className"];
         "disabled": DBButtonProps["disabled"];
@@ -162,6 +168,47 @@ export namespace Components {
         "validation": DBCheckboxProps["validation"];
         "value": DBCheckboxProps["value"];
     }
+    interface DbControlPanelBrand {
+        "className": DBControlPanelBrandProps["className"];
+        "icon": DBControlPanelBrandProps["icon"];
+        "id": DBControlPanelBrandProps["id"];
+        "showIcon": DBControlPanelBrandProps["showIcon"];
+        "text": DBControlPanelBrandProps["text"];
+    }
+    interface DbControlPanelDesktop {
+        "className": DBControlPanelDesktopProps["className"];
+        "expandButtonTooltip": DBControlPanelDesktopProps["expandButtonTooltip"];
+        "expanded": DBControlPanelDesktopProps["expanded"];
+        "id": DBControlPanelDesktopProps["id"];
+        "orientation": DBControlPanelDesktopProps["orientation"];
+        "width": DBControlPanelDesktopProps["width"];
+    }
+    interface DbControlPanelFlatIconNavigation {
+        "className": DBControlPanelFlatIconNavigationProps["className"];
+        "id": DBControlPanelFlatIconNavigationProps["id"];
+        "noText": DBControlPanelFlatIconNavigationProps["noText"];
+    }
+    interface DbControlPanelMetaNavigation {
+        "className": DBControlPanelMetaNavigationProps["className"];
+        "id": DBControlPanelMetaNavigationProps["id"];
+    }
+    interface DbControlPanelMobile {
+        "burgerMenuLabel": DBControlPanelMobileProps["burgerMenuLabel"];
+        "className": DBControlPanelMobileProps["className"];
+        "drawerHeadlinePlain": DBControlPanelMobileProps["drawerHeadlinePlain"];
+        "id": DBControlPanelMobileProps["id"];
+        "position": DBControlPanelMobileProps["position"];
+        "variant": DBControlPanelMobileProps["variant"];
+        "width": DBControlPanelMobileProps["width"];
+    }
+    interface DbControlPanelPrimaryActions {
+        "className": DBControlPanelPrimaryActionsProps["className"];
+        "id": DBControlPanelPrimaryActionsProps["id"];
+    }
+    interface DbControlPanelSecondaryActions {
+        "className": DBControlPanelSecondaryActionsProps["className"];
+        "id": DBControlPanelSecondaryActionsProps["id"];
+    }
     interface DbCustomSelect {
         "amountText": DBCustomSelectProps["amountText"];
         "ariaDescribedBy": DBCustomSelectProps["ariaDescribedBy"];
@@ -264,6 +311,7 @@ export namespace Components {
         "closeButtonId": DBDrawerProps["closeButtonId"];
         "closeButtonText": DBDrawerProps["closeButtonText"];
         "direction": DBDrawerProps["direction"];
+        "drawerHeaderPlain": DBDrawerProps["drawerHeaderPlain"];
         "id": DBDrawerProps["id"];
         "open": DBDrawerProps["open"];
         "position": DBDrawerProps["position"];
@@ -272,14 +320,6 @@ export namespace Components {
         "variant": DBDrawerProps["variant"];
         "width": DBDrawerProps["width"];
     }
-    interface DbHeader {
-        "burgerMenuLabel": DBHeaderProps["burgerMenuLabel"];
-        "className": DBHeaderProps["className"];
-        "drawerOpen": DBHeaderProps["drawerOpen"];
-        "forceMobile": DBHeaderProps["forceMobile"];
-        "id": DBHeaderProps["id"];
-        "width": DBHeaderProps["width"];
-    }
     interface DbIcon {
         "className": DBIconProps["className"];
         "icon": DBIconProps["icon"];
@@ -359,22 +399,32 @@ export namespace Components {
         "wrap": DBLinkProps["wrap"];
     }
     interface DbNavigation {
+        "arrowScrollDistance": DBNavigationProps["arrowScrollDistance"];
         "className": DBNavigationProps["className"];
         "id": DBNavigationProps["id"];
+        "showTreeLine": DBNavigationProps["showTreeLine"];
+        "variant": DBNavigationProps["variant"];
     }
     interface DbNavigationItem {
         "active": DBNavigationItemProps["active"];
-        "backButtonId": DBNavigationItemProps["backButtonId"];
-        "backButtonText": DBNavigationItemProps["backButtonText"];
         "className": DBNavigationItemProps["className"];
         "disabled": DBNavigationItemProps["disabled"];
         "icon": DBNavigationItemProps["icon"];
         "id": DBNavigationItemProps["id"];
         "showIcon": DBNavigationItemProps["showIcon"];
-        "subNavigationExpanded": DBNavigationItemProps["subNavigationExpanded"];
-        "text": DBNavigationItemProps["text"];
-        "width": DBNavigationItemProps["width"];
-        "wrap": DBNavigationItemProps["wrap"];
+        "tooltip": DBNavigationItemProps["tooltip"];
+    }
+    interface DbNavigationItemGroup {
+        "active": DBNavigationItemGroupProps["active"];
+        "backButtonId": DBNavigationItemGroupProps["backButtonId"];
+        "backButtonText": DBNavigationItemGroupProps["backButtonText"];
+        "className": DBNavigationItemGroupProps["className"];
+        "disabled": DBNavigationItemGroupProps["disabled"];
+        "expanded": DBNavigationItemGroupProps["expanded"];
+        "icon": DBNavigationItemGroupProps["icon"];
+        "id": DBNavigationItemGroupProps["id"];
+        "showIcon": DBNavigationItemGroupProps["showIcon"];
+        "text": DBNavigationItemGroupProps["text"];
     }
     interface DbNotification {
         "ariaLive": DBNotificationProps["ariaLive"];
@@ -394,14 +444,6 @@ export namespace Components {
         "timestamp": DBNotificationProps["timestamp"];
         "variant": DBNotificationProps["variant"];
     }
-    interface DbPage {
-        "className": DBPageProps["className"];
-        "documentOverflow": DBPageProps["documentOverflow"];
-        "fadeIn": DBPageProps["fadeIn"];
-        "id": DBPageProps["id"];
-        "mainClass": DBPageProps["mainClass"];
-        "variant": DBPageProps["variant"];
-    }
     interface DbPopover {
         "animation": DBPopoverProps["animation"];
         "className": DBPopoverProps["className"];
@@ -459,6 +501,23 @@ export namespace Components {
         "value": DBSelectProps["value"];
         "variant": DBSelectProps["variant"];
     }
+    interface DbShell {
+        "className": DBShellProps["className"];
+        "controlPanelDesktopPosition": DBShellProps["controlPanelDesktopPosition"];
+        "controlPanelMobilePosition": DBShellProps["controlPanelMobilePosition"];
+        "fadeIn": DBShellProps["fadeIn"];
+        "id": DBShellProps["id"];
+        "mainClass": DBShellProps["mainClass"];
+        "showSubNavigation": DBShellProps["showSubNavigation"];
+        "subNavigationDesktopPosition": DBShellProps["subNavigationDesktopPosition"];
+        "subNavigationMobilePosition": DBShellProps["subNavigationMobilePosition"];
+    }
+    interface DbShellSubNavigation {
+        "className": DBShellSubNavigationProps["className"];
+        "expandButtonTooltip": DBShellSubNavigationProps["expandButtonTooltip"];
+        "expanded": DBShellSubNavigationProps["expanded"];
+        "id": DBShellSubNavigationProps["id"];
+    }
     interface DbStack {
         "alignment": DBStackProps["alignment"];
         "className": DBStackProps["className"];
@@ -603,6 +662,14 @@ export interface DbCheckboxCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLDbCheckboxElement;
 }
+export interface DbControlPanelDesktopCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLDbControlPanelDesktopElement;
+}
+export interface DbControlPanelMobileCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLDbControlPanelMobileElement;
+}
 export interface DbCustomSelectCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLDbCustomSelectElement;
@@ -615,17 +682,13 @@ export interface DbDrawerCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLDbDrawerElement;
 }
-export interface DbHeaderCustomEvent<T> extends CustomEvent<T> {
-    detail: T;
-    target: HTMLDbHeaderElement;
-}
 export interface DbInputCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLDbInputElement;
 }
-export interface DbNavigationItemCustomEvent<T> extends CustomEvent<T> {
+export interface DbNavigationItemGroupCustomEvent<T> extends CustomEvent<T> {
     detail: T;
-    target: HTMLDbNavigationItemElement;
+    target: HTMLDbNavigationItemGroupElement;
 }
 export interface DbNotificationCustomEvent<T> extends CustomEvent<T> {
     detail: T;
@@ -689,12 +752,6 @@ declare global {
         prototype: HTMLDbBadgeElement;
         new (): HTMLDbBadgeElement;
     };
-    interface HTMLDbBrandElement extends Components.DbBrand, HTMLStencilElement {
-    }
-    var HTMLDbBrandElement: {
-        prototype: HTMLDbBrandElement;
-        new (): HTMLDbBrandElement;
-    };
     interface HTMLDbButtonElementEventMap {
         "click": any;
     }
@@ -748,6 +805,70 @@ declare global {
         prototype: HTMLDbCheckboxElement;
         new (): HTMLDbCheckboxElement;
     };
+    interface HTMLDbControlPanelBrandElement extends Components.DbControlPanelBrand, HTMLStencilElement {
+    }
+    var HTMLDbControlPanelBrandElement: {
+        prototype: HTMLDbControlPanelBrandElement;
+        new (): HTMLDbControlPanelBrandElement;
+    };
+    interface HTMLDbControlPanelDesktopElementEventMap {
+        "expandButtonTooltipFn": any;
+    }
+    interface HTMLDbControlPanelDesktopElement extends Components.DbControlPanelDesktop, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLDbControlPanelDesktopElementEventMap>(type: K, listener: (this: HTMLDbControlPanelDesktopElement, ev: DbControlPanelDesktopCustomEvent<HTMLDbControlPanelDesktopElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLDbControlPanelDesktopElementEventMap>(type: K, listener: (this: HTMLDbControlPanelDesktopElement, ev: DbControlPanelDesktopCustomEvent<HTMLDbControlPanelDesktopElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLDbControlPanelDesktopElement: {
+        prototype: HTMLDbControlPanelDesktopElement;
+        new (): HTMLDbControlPanelDesktopElement;
+    };
+    interface HTMLDbControlPanelFlatIconNavigationElement extends Components.DbControlPanelFlatIconNavigation, HTMLStencilElement {
+    }
+    var HTMLDbControlPanelFlatIconNavigationElement: {
+        prototype: HTMLDbControlPanelFlatIconNavigationElement;
+        new (): HTMLDbControlPanelFlatIconNavigationElement;
+    };
+    interface HTMLDbControlPanelMetaNavigationElement extends Components.DbControlPanelMetaNavigation, HTMLStencilElement {
+    }
+    var HTMLDbControlPanelMetaNavigationElement: {
+        prototype: HTMLDbControlPanelMetaNavigationElement;
+        new (): HTMLDbControlPanelMetaNavigationElement;
+    };
+    interface HTMLDbControlPanelMobileElementEventMap {
+        "toggle": any;
+    }
+    interface HTMLDbControlPanelMobileElement extends Components.DbControlPanelMobile, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLDbControlPanelMobileElementEventMap>(type: K, listener: (this: HTMLDbControlPanelMobileElement, ev: DbControlPanelMobileCustomEvent<HTMLDbControlPanelMobileElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLDbControlPanelMobileElementEventMap>(type: K, listener: (this: HTMLDbControlPanelMobileElement, ev: DbControlPanelMobileCustomEvent<HTMLDbControlPanelMobileElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLDbControlPanelMobileElement: {
+        prototype: HTMLDbControlPanelMobileElement;
+        new (): HTMLDbControlPanelMobileElement;
+    };
+    interface HTMLDbControlPanelPrimaryActionsElement extends Components.DbControlPanelPrimaryActions, HTMLStencilElement {
+    }
+    var HTMLDbControlPanelPrimaryActionsElement: {
+        prototype: HTMLDbControlPanelPrimaryActionsElement;
+        new (): HTMLDbControlPanelPrimaryActionsElement;
+    };
+    interface HTMLDbControlPanelSecondaryActionsElement extends Components.DbControlPanelSecondaryActions, HTMLStencilElement {
+    }
+    var HTMLDbControlPanelSecondaryActionsElement: {
+        prototype: HTMLDbControlPanelSecondaryActionsElement;
+        new (): HTMLDbControlPanelSecondaryActionsElement;
+    };
     interface HTMLDbCustomSelectElementEventMap {
         "amountChange": any;
         "dropdownToggle": any;
@@ -826,23 +947,6 @@ declare global {
         prototype: HTMLDbDrawerElement;
         new (): HTMLDbDrawerElement;
     };
-    interface HTMLDbHeaderElementEventMap {
-        "toggle": any;
-    }
-    interface HTMLDbHeaderElement extends Components.DbHeader, HTMLStencilElement {
-        addEventListener<K extends keyof HTMLDbHeaderElementEventMap>(type: K, listener: (this: HTMLDbHeaderElement, ev: DbHeaderCustomEvent<HTMLDbHeaderElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
-        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
-        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
-        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
-        removeEventListener<K extends keyof HTMLDbHeaderElementEventMap>(type: K, listener: (this: HTMLDbHeaderElement, ev: DbHeaderCustomEvent<HTMLDbHeaderElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
-        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
-        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
-        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
-    }
-    var HTMLDbHeaderElement: {
-        prototype: HTMLDbHeaderElement;
-        new (): HTMLDbHeaderElement;
-    };
     interface HTMLDbIconElement extends Components.DbIcon, HTMLStencilElement {
     }
     var HTMLDbIconElement: {
@@ -887,22 +991,28 @@ declare global {
         prototype: HTMLDbNavigationElement;
         new (): HTMLDbNavigationElement;
     };
-    interface HTMLDbNavigationItemElementEventMap {
+    interface HTMLDbNavigationItemElement extends Components.DbNavigationItem, HTMLStencilElement {
+    }
+    var HTMLDbNavigationItemElement: {
+        prototype: HTMLDbNavigationItemElement;
+        new (): HTMLDbNavigationItemElement;
+    };
+    interface HTMLDbNavigationItemGroupElementEventMap {
         "click": any;
     }
-    interface HTMLDbNavigationItemElement extends Components.DbNavigationItem, HTMLStencilElement {
-        addEventListener<K extends keyof HTMLDbNavigationItemElementEventMap>(type: K, listener: (this: HTMLDbNavigationItemElement, ev: DbNavigationItemCustomEvent<HTMLDbNavigationItemElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+    interface HTMLDbNavigationItemGroupElement extends Components.DbNavigationItemGroup, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLDbNavigationItemGroupElementEventMap>(type: K, listener: (this: HTMLDbNavigationItemGroupElement, ev: DbNavigationItemGroupCustomEvent<HTMLDbNavigationItemGroupElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
         addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
         addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
         addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
-        removeEventListener<K extends keyof HTMLDbNavigationItemElementEventMap>(type: K, listener: (this: HTMLDbNavigationItemElement, ev: DbNavigationItemCustomEvent<HTMLDbNavigationItemElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLDbNavigationItemGroupElementEventMap>(type: K, listener: (this: HTMLDbNavigationItemGroupElement, ev: DbNavigationItemGroupCustomEvent<HTMLDbNavigationItemGroupElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
         removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
         removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
         removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
-    var HTMLDbNavigationItemElement: {
-        prototype: HTMLDbNavigationItemElement;
-        new (): HTMLDbNavigationItemElement;
+    var HTMLDbNavigationItemGroupElement: {
+        prototype: HTMLDbNavigationItemGroupElement;
+        new (): HTMLDbNavigationItemGroupElement;
     };
     interface HTMLDbNotificationElementEventMap {
         "close": any;
@@ -921,12 +1031,6 @@ declare global {
         prototype: HTMLDbNotificationElement;
         new (): HTMLDbNotificationElement;
     };
-    interface HTMLDbPageElement extends Components.DbPage, HTMLStencilElement {
-    }
-    var HTMLDbPageElement: {
-        prototype: HTMLDbPageElement;
-        new (): HTMLDbPageElement;
-    };
     interface HTMLDbPopoverElement extends Components.DbPopover, HTMLStencilElement {
     }
     var HTMLDbPopoverElement: {
@@ -979,6 +1083,18 @@ declare global {
         prototype: HTMLDbSelectElement;
         new (): HTMLDbSelectElement;
     };
+    interface HTMLDbShellElement extends Components.DbShell, HTMLStencilElement {
+    }
+    var HTMLDbShellElement: {
+        prototype: HTMLDbShellElement;
+        new (): HTMLDbShellElement;
+    };
+    interface HTMLDbShellSubNavigationElement extends Components.DbShellSubNavigation, HTMLStencilElement {
+    }
+    var HTMLDbShellSubNavigationElement: {
+        prototype: HTMLDbShellSubNavigationElement;
+        new (): HTMLDbShellSubNavigationElement;
+    };
     interface HTMLDbStackElement extends Components.DbStack, HTMLStencilElement {
     }
     var HTMLDbStackElement: {
@@ -1098,10 +1214,16 @@ declare global {
         "db-accordion": HTMLDbAccordionElement;
         "db-accordion-item": HTMLDbAccordionItemElement;
         "db-badge": HTMLDbBadgeElement;
-        "db-brand": HTMLDbBrandElement;
         "db-button": HTMLDbButtonElement;
         "db-card": HTMLDbCardElement;
         "db-checkbox": HTMLDbCheckboxElement;
+        "db-control-panel-brand": HTMLDbControlPanelBrandElement;
+        "db-control-panel-desktop": HTMLDbControlPanelDesktopElement;
+        "db-control-panel-flat-icon-navigation": HTMLDbControlPanelFlatIconNavigationElement;
+        "db-control-panel-meta-navigation": HTMLDbControlPanelMetaNavigationElement;
+        "db-control-panel-mobile": HTMLDbControlPanelMobileElement;
+        "db-control-panel-primary-actions": HTMLDbControlPanelPrimaryActionsElement;
+        "db-control-panel-secondary-actions": HTMLDbControlPanelSecondaryActionsElement;
         "db-custom-select": HTMLDbCustomSelectElement;
         "db-custom-select-dropdown": HTMLDbCustomSelectDropdownElement;
         "db-custom-select-form-field": HTMLDbCustomSelectFormFieldElement;
@@ -1109,19 +1231,20 @@ declare global {
         "db-custom-select-list-item": HTMLDbCustomSelectListItemElement;
         "db-divider": HTMLDbDividerElement;
         "db-drawer": HTMLDbDrawerElement;
-        "db-header": HTMLDbHeaderElement;
         "db-icon": HTMLDbIconElement;
         "db-infotext": HTMLDbInfotextElement;
         "db-input": HTMLDbInputElement;
         "db-link": HTMLDbLinkElement;
         "db-navigation": HTMLDbNavigationElement;
         "db-navigation-item": HTMLDbNavigationItemElement;
+        "db-navigation-item-group": HTMLDbNavigationItemGroupElement;
         "db-notification": HTMLDbNotificationElement;
-        "db-page": HTMLDbPageElement;
         "db-popover": HTMLDbPopoverElement;
         "db-radio": HTMLDbRadioElement;
         "db-section": HTMLDbSectionElement;
         "db-select": HTMLDbSelectElement;
+        "db-shell": HTMLDbShellElement;
+        "db-shell-sub-navigation": HTMLDbShellSubNavigationElement;
         "db-stack": HTMLDbStackElement;
         "db-switch": HTMLDbSwitchElement;
         "db-tab-item": HTMLDbTabItemElement;
@@ -1163,14 +1286,6 @@ declare namespace LocalJSX {
         "size"?: DBBadgeProps["size"];
         "text"?: DBBadgeProps["text"];
     }
-    interface DbBrand {
-        "className"?: DBBrandProps["className"];
-        "hideLogo"?: DBBrandProps["hideLogo"];
-        "icon"?: DBBrandProps["icon"];
-        "id"?: DBBrandProps["id"];
-        "showIcon"?: DBBrandProps["showIcon"];
-        "text"?: DBBrandProps["text"];
-    }
     interface DbButton {
         "className"?: DBButtonProps["className"];
         "disabled"?: DBButtonProps["disabled"];
@@ -1224,6 +1339,49 @@ declare namespace LocalJSX {
         "validation"?: DBCheckboxProps["validation"];
         "value"?: DBCheckboxProps["value"];
     }
+    interface DbControlPanelBrand {
+        "className"?: DBControlPanelBrandProps["className"];
+        "icon"?: DBControlPanelBrandProps["icon"];
+        "id"?: DBControlPanelBrandProps["id"];
+        "showIcon"?: DBControlPanelBrandProps["showIcon"];
+        "text"?: DBControlPanelBrandProps["text"];
+    }
+    interface DbControlPanelDesktop {
+        "className"?: DBControlPanelDesktopProps["className"];
+        "expandButtonTooltip"?: DBControlPanelDesktopProps["expandButtonTooltip"];
+        "expanded"?: DBControlPanelDesktopProps["expanded"];
+        "id"?: DBControlPanelDesktopProps["id"];
+        "onExpandButtonTooltipFn"?: (event: DbControlPanelDesktopCustomEvent<any>) => void;
+        "orientation"?: DBControlPanelDesktopProps["orientation"];
+        "width"?: DBControlPanelDesktopProps["width"];
+    }
+    interface DbControlPanelFlatIconNavigation {
+        "className"?: DBControlPanelFlatIconNavigationProps["className"];
+        "id"?: DBControlPanelFlatIconNavigationProps["id"];
+        "noText"?: DBControlPanelFlatIconNavigationProps["noText"];
+    }
+    interface DbControlPanelMetaNavigation {
+        "className"?: DBControlPanelMetaNavigationProps["className"];
+        "id"?: DBControlPanelMetaNavigationProps["id"];
+    }
+    interface DbControlPanelMobile {
+        "burgerMenuLabel"?: DBControlPanelMobileProps["burgerMenuLabel"];
+        "className"?: DBControlPanelMobileProps["className"];
+        "drawerHeadlinePlain"?: DBControlPanelMobileProps["drawerHeadlinePlain"];
+        "id"?: DBControlPanelMobileProps["id"];
+        "onToggle"?: (event: DbControlPanelMobileCustomEvent<any>) => void;
+        "position"?: DBControlPanelMobileProps["position"];
+        "variant"?: DBControlPanelMobileProps["variant"];
+        "width"?: DBControlPanelMobileProps["width"];
+    }
+    interface DbControlPanelPrimaryActions {
+        "className"?: DBControlPanelPrimaryActionsProps["className"];
+        "id"?: DBControlPanelPrimaryActionsProps["id"];
+    }
+    interface DbControlPanelSecondaryActions {
+        "className"?: DBControlPanelSecondaryActionsProps["className"];
+        "id"?: DBControlPanelSecondaryActionsProps["id"];
+    }
     interface DbCustomSelect {
         "amountText"?: DBCustomSelectProps["amountText"];
         "ariaDescribedBy"?: DBCustomSelectProps["ariaDescribedBy"];
@@ -1331,6 +1489,7 @@ declare namespace LocalJSX {
         "closeButtonId"?: DBDrawerProps["closeButtonId"];
         "closeButtonText"?: DBDrawerProps["closeButtonText"];
         "direction"?: DBDrawerProps["direction"];
+        "drawerHeaderPlain"?: DBDrawerProps["drawerHeaderPlain"];
         "id"?: DBDrawerProps["id"];
         "onClose"?: (event: DbDrawerCustomEvent<any>) => void;
         "open"?: DBDrawerProps["open"];
@@ -1340,15 +1499,6 @@ declare namespace LocalJSX {
         "variant"?: DBDrawerProps["variant"];
         "width"?: DBDrawerProps["width"];
     }
-    interface DbHeader {
-        "burgerMenuLabel"?: DBHeaderProps["burgerMenuLabel"];
-        "className"?: DBHeaderProps["className"];
-        "drawerOpen"?: DBHeaderProps["drawerOpen"];
-        "forceMobile"?: DBHeaderProps["forceMobile"];
-        "id"?: DBHeaderProps["id"];
-        "onToggle"?: (event: DbHeaderCustomEvent<any>) => void;
-        "width"?: DBHeaderProps["width"];
-    }
     interface DbIcon {
         "className"?: DBIconProps["className"];
         "icon"?: DBIconProps["icon"];
@@ -1432,23 +1582,33 @@ declare namespace LocalJSX {
         "wrap"?: DBLinkProps["wrap"];
     }
     interface DbNavigation {
+        "arrowScrollDistance"?: DBNavigationProps["arrowScrollDistance"];
         "className"?: DBNavigationProps["className"];
         "id"?: DBNavigationProps["id"];
+        "showTreeLine"?: DBNavigationProps["showTreeLine"];
+        "variant"?: DBNavigationProps["variant"];
     }
     interface DbNavigationItem {
         "active"?: DBNavigationItemProps["active"];
-        "backButtonId"?: DBNavigationItemProps["backButtonId"];
-        "backButtonText"?: DBNavigationItemProps["backButtonText"];
         "className"?: DBNavigationItemProps["className"];
         "disabled"?: DBNavigationItemProps["disabled"];
         "icon"?: DBNavigationItemProps["icon"];
         "id"?: DBNavigationItemProps["id"];
-        "onClick"?: (event: DbNavigationItemCustomEvent<any>) => void;
         "showIcon"?: DBNavigationItemProps["showIcon"];
-        "subNavigationExpanded"?: DBNavigationItemProps["subNavigationExpanded"];
-        "text"?: DBNavigationItemProps["text"];
-        "width"?: DBNavigationItemProps["width"];
-        "wrap"?: DBNavigationItemProps["wrap"];
+        "tooltip"?: DBNavigationItemProps["tooltip"];
+    }
+    interface DbNavigationItemGroup {
+        "active"?: DBNavigationItemGroupProps["active"];
+        "backButtonId"?: DBNavigationItemGroupProps["backButtonId"];
+        "backButtonText"?: DBNavigationItemGroupProps["backButtonText"];
+        "className"?: DBNavigationItemGroupProps["className"];
+        "disabled"?: DBNavigationItemGroupProps["disabled"];
+        "expanded"?: DBNavigationItemGroupProps["expanded"];
+        "icon"?: DBNavigationItemGroupProps["icon"];
+        "id"?: DBNavigationItemGroupProps["id"];
+        "onClick"?: (event: DbNavigationItemGroupCustomEvent<any>) => void;
+        "showIcon"?: DBNavigationItemGroupProps["showIcon"];
+        "text"?: DBNavigationItemGroupProps["text"];
     }
     interface DbNotification {
         "ariaLive"?: DBNotificationProps["ariaLive"];
@@ -1469,14 +1629,6 @@ declare namespace LocalJSX {
         "timestamp"?: DBNotificationProps["timestamp"];
         "variant"?: DBNotificationProps["variant"];
     }
-    interface DbPage {
-        "className"?: DBPageProps["className"];
-        "documentOverflow"?: DBPageProps["documentOverflow"];
-        "fadeIn"?: DBPageProps["fadeIn"];
-        "id"?: DBPageProps["id"];
-        "mainClass"?: DBPageProps["mainClass"];
-        "variant"?: DBPageProps["variant"];
-    }
     interface DbPopover {
         "animation"?: DBPopoverProps["animation"];
         "className"?: DBPopoverProps["className"];
@@ -1542,6 +1694,23 @@ declare namespace LocalJSX {
         "value"?: DBSelectProps["value"];
         "variant"?: DBSelectProps["variant"];
     }
+    interface DbShell {
+        "className"?: DBShellProps["className"];
+        "controlPanelDesktopPosition"?: DBShellProps["controlPanelDesktopPosition"];
+        "controlPanelMobilePosition"?: DBShellProps["controlPanelMobilePosition"];
+        "fadeIn"?: DBShellProps["fadeIn"];
+        "id"?: DBShellProps["id"];
+        "mainClass"?: DBShellProps["mainClass"];
+        "showSubNavigation"?: DBShellProps["showSubNavigation"];
+        "subNavigationDesktopPosition"?: DBShellProps["subNavigationDesktopPosition"];
+        "subNavigationMobilePosition"?: DBShellProps["subNavigationMobilePosition"];
+    }
+    interface DbShellSubNavigation {
+        "className"?: DBShellSubNavigationProps["className"];
+        "expandButtonTooltip"?: DBShellSubNavigationProps["expandButtonTooltip"];
+        "expanded"?: DBShellSubNavigationProps["expanded"];
+        "id"?: DBShellSubNavigationProps["id"];
+    }
     interface DbStack {
         "alignment"?: DBStackProps["alignment"];
         "className"?: DBStackProps["className"];
@@ -1684,10 +1853,16 @@ declare namespace LocalJSX {
         "db-accordion": DbAccordion;
         "db-accordion-item": DbAccordionItem;
         "db-badge": DbBadge;
-        "db-brand": DbBrand;
         "db-button": DbButton;
         "db-card": DbCard;
         "db-checkbox": DbCheckbox;
+        "db-control-panel-brand": DbControlPanelBrand;
+        "db-control-panel-desktop": DbControlPanelDesktop;
+        "db-control-panel-flat-icon-navigation": DbControlPanelFlatIconNavigation;
+        "db-control-panel-meta-navigation": DbControlPanelMetaNavigation;
+        "db-control-panel-mobile": DbControlPanelMobile;
+        "db-control-panel-primary-actions": DbControlPanelPrimaryActions;
+        "db-control-panel-secondary-actions": DbControlPanelSecondaryActions;
         "db-custom-select": DbCustomSelect;
         "db-custom-select-dropdown": DbCustomSelectDropdown;
         "db-custom-select-form-field": DbCustomSelectFormField;
@@ -1695,19 +1870,20 @@ declare namespace LocalJSX {
         "db-custom-select-list-item": DbCustomSelectListItem;
         "db-divider": DbDivider;
         "db-drawer": DbDrawer;
-        "db-header": DbHeader;
         "db-icon": DbIcon;
         "db-infotext": DbInfotext;
         "db-input": DbInput;
         "db-link": DbLink;
         "db-navigation": DbNavigation;
         "db-navigation-item": DbNavigationItem;
+        "db-navigation-item-group": DbNavigationItemGroup;
         "db-notification": DbNotification;
-        "db-page": DbPage;
         "db-popover": DbPopover;
         "db-radio": DbRadio;
         "db-section": DbSection;
         "db-select": DbSelect;
+        "db-shell": DbShell;
+        "db-shell-sub-navigation": DbShellSubNavigation;
         "db-stack": DbStack;
         "db-switch": DbSwitch;
         "db-tab-item": DbTabItem;
@@ -1726,10 +1902,16 @@ declare module "@stencil/core" {
             "db-accordion": LocalJSX.DbAccordion & JSXBase.HTMLAttributes<HTMLDbAccordionElement>;
             "db-accordion-item": LocalJSX.DbAccordionItem & JSXBase.HTMLAttributes<HTMLDbAccordionItemElement>;
             "db-badge": LocalJSX.DbBadge & JSXBase.HTMLAttributes<HTMLDbBadgeElement>;
-            "db-brand": LocalJSX.DbBrand & JSXBase.HTMLAttributes<HTMLDbBrandElement>;
             "db-button": LocalJSX.DbButton & JSXBase.HTMLAttributes<HTMLDbButtonElement>;
             "db-card": LocalJSX.DbCard & JSXBase.HTMLAttributes<HTMLDbCardElement>;
             "db-checkbox": LocalJSX.DbCheckbox & JSXBase.HTMLAttributes<HTMLDbCheckboxElement>;
+            "db-control-panel-brand": LocalJSX.DbControlPanelBrand & JSXBase.HTMLAttributes<HTMLDbControlPanelBrandElement>;
+            "db-control-panel-desktop": LocalJSX.DbControlPanelDesktop & JSXBase.HTMLAttributes<HTMLDbControlPanelDesktopElement>;
+            "db-control-panel-flat-icon-navigation": LocalJSX.DbControlPanelFlatIconNavigation & JSXBase.HTMLAttributes<HTMLDbControlPanelFlatIconNavigationElement>;
+            "db-control-panel-meta-navigation": LocalJSX.DbControlPanelMetaNavigation & JSXBase.HTMLAttributes<HTMLDbControlPanelMetaNavigationElement>;
+            "db-control-panel-mobile": LocalJSX.DbControlPanelMobile & JSXBase.HTMLAttributes<HTMLDbControlPanelMobileElement>;
+            "db-control-panel-primary-actions": LocalJSX.DbControlPanelPrimaryActions & JSXBase.HTMLAttributes<HTMLDbControlPanelPrimaryActionsElement>;
+            "db-control-panel-secondary-actions": LocalJSX.DbControlPanelSecondaryActions & JSXBase.HTMLAttributes<HTMLDbControlPanelSecondaryActionsElement>;
             "db-custom-select": LocalJSX.DbCustomSelect & JSXBase.HTMLAttributes<HTMLDbCustomSelectElement>;
             "db-custom-select-dropdown": LocalJSX.DbCustomSelectDropdown & JSXBase.HTMLAttributes<HTMLDbCustomSelectDropdownElement>;
             "db-custom-select-form-field": LocalJSX.DbCustomSelectFormField & JSXBase.HTMLAttributes<HTMLDbCustomSelectFormFieldElement>;
@@ -1737,19 +1919,20 @@ declare module "@stencil/core" {
             "db-custom-select-list-item": LocalJSX.DbCustomSelectListItem & JSXBase.HTMLAttributes<HTMLDbCustomSelectListItemElement>;
             "db-divider": LocalJSX.DbDivider & JSXBase.HTMLAttributes<HTMLDbDividerElement>;
             "db-drawer": LocalJSX.DbDrawer & JSXBase.HTMLAttributes<HTMLDbDrawerElement>;
-            "db-header": LocalJSX.DbHeader & JSXBase.HTMLAttributes<HTMLDbHeaderElement>;
             "db-icon": LocalJSX.DbIcon & JSXBase.HTMLAttributes<HTMLDbIconElement>;
             "db-infotext": LocalJSX.DbInfotext & JSXBase.HTMLAttributes<HTMLDbInfotextElement>;
             "db-input": LocalJSX.DbInput & JSXBase.HTMLAttributes<HTMLDbInputElement>;
             "db-link": LocalJSX.DbLink & JSXBase.HTMLAttributes<HTMLDbLinkElement>;
             "db-navigation": LocalJSX.DbNavigation & JSXBase.HTMLAttributes<HTMLDbNavigationElement>;
             "db-navigation-item": LocalJSX.DbNavigationItem & JSXBase.HTMLAttributes<HTMLDbNavigationItemElement>;
+            "db-navigation-item-group": LocalJSX.DbNavigationItemGroup & JSXBase.HTMLAttributes<HTMLDbNavigationItemGroupElement>;
             "db-notification": LocalJSX.DbNotification & JSXBase.HTMLAttributes<HTMLDbNotificationElement>;
-            "db-page": LocalJSX.DbPage & JSXBase.HTMLAttributes<HTMLDbPageElement>;
             "db-popover": LocalJSX.DbPopover & JSXBase.HTMLAttributes<HTMLDbPopoverElement>;
             "db-radio": LocalJSX.DbRadio & JSXBase.HTMLAttributes<HTMLDbRadioElement>;
             "db-section": LocalJSX.DbSection & JSXBase.HTMLAttributes<HTMLDbSectionElement>;
             "db-select": LocalJSX.DbSelect & JSXBase.HTMLAttributes<HTMLDbSelectElement>;
+            "db-shell": LocalJSX.DbShell & JSXBase.HTMLAttributes<HTMLDbShellElement>;
+            "db-shell-sub-navigation": LocalJSX.DbShellSubNavigation & JSXBase.HTMLAttributes<HTMLDbShellSubNavigationElement>;
             "db-stack": LocalJSX.DbStack & JSXBase.HTMLAttributes<HTMLDbStackElement>;
             "db-switch": LocalJSX.DbSwitch & JSXBase.HTMLAttributes<HTMLDbSwitchElement>;
             "db-tab-item": LocalJSX.DbTabItem & JSXBase.HTMLAttributes<HTMLDbTabItemElement>;