feat(DBHeader): introduce new property closeButtonText (#5401)

* feat(DBHeader): introduce new property `closeDrawerLabel`

This label allows to set the label for the close button when the `DBDrawer` is opened.
It passes the prop value to the inner `DBDrawer` prop `closeButtonText`.

* docs: add changeset

* refactor: use InnerCloseButtonProps and passthrough to DBDrawer

Author: d-koppenhagen

.changeset/cold-cycles-decide.md

@@ -0,0 +1,9 @@
+---
+"@db-ux/core-components": minor
+"@db-ux/ngx-core-components": minor
+"@db-ux/react-core-components": minor
+"@db-ux/wc-core-components": minor
+"@db-ux/v-core-components": minor
+---
+
+feat(DBHeader): Passthrough property `closeButtonText` for the close button within the inner `DBDrawer`.

packages/components/src/components/header/header.lite.tsx

@@ -71,6 +71,8 @@ export default function DBHeader(props: DBHeaderProps) {
 				class="db-header-drawer"
 				rounded
 				spacing="small"
+				closeButtonId={props.closeButtonId}
+				closeButtonText={props.closeButtonText}
 				open={getBoolean(props.drawerOpen)}
 				onClose={() => state.handleToggle()}>
 				<div class="db-header-drawer-navigation">

packages/components/src/components/header/model.ts

@@ -3,6 +3,7 @@ import {
 	GlobalProps,
 	GlobalState,
 	InitializedState,
+	InnerCloseButtonProps,
 	NavigationBehaviorState,
 	ToggleEventProps,
 	ToggleEventState
@@ -51,6 +52,7 @@ export type DBHeaderDefaultProps = {
 };
 
 export type DBHeaderProps = DBHeaderDefaultProps &
+	InnerCloseButtonProps &
 	GlobalProps &
 	ToggleEventProps &
 	ContainerWidthProps;