Merge branch 'main' of github.com:db-ui/mono into test-input-required…

…-messages

# Conflicts:
#	showcases/screen-reader/default.ts

output/vue/package.json

@@ -38,7 +38,7 @@
     "test:components": "playwright test -c playwright.config.ts"
   },
   "dependencies": {
-    "vue": "^3.4.33"
+    "vue": "^3.4.34"
   },
   "devDependencies": {
     "@playwright/experimental-ct-vue": "1.45.3",

package.json

@@ -68,7 +68,7 @@
     "lint-staged": "^15.2.7",
     "markdownlint-cli": "^0.41.0",
     "npm-run-all": "4.1.5",
-    "postcss": "^8.4.39",
+    "postcss": "^8.4.40",
     "postcss-cli": "^11.0.0",
     "prettier": "^3.3.3",
     "prettier-plugin-pkg": "0.18.1",

packages/components/package.json

@@ -47,8 +47,8 @@
   },
   "devDependencies": {
     "@builder.io/eslint-plugin-mitosis": "^0.0.16",
-    "@builder.io/mitosis": "^0.3.13",
-    "@builder.io/mitosis-cli": "^0.3.13",
+    "@builder.io/mitosis": "^0.3.14",
+    "@builder.io/mitosis-cli": "^0.3.14",
     "@react-docgen/cli": "^2.0.3",
     "cpr": "3.0.1",
     "cssnano": "^7.0.4",

packages/components/src/components/drawer/drawer.lite.tsx

@@ -94,17 +94,15 @@ export default function DBDrawer(props: DBDrawerProps) {
 					<div class="db-drawer-header-text">
 						<Slot name="drawerHeader" />
 					</div>
-					<Show when={props.withCloseButton}>
-						<DBButton
-							className="button-close-drawer"
-							id={props.closeButtonId}
-							icon="cross"
-							variant="ghost"
-							noText
-							onClick={() => state.handleClose('close')}>
-							{props.closeButtonText ?? DEFAULT_CLOSE_BUTTON}
-						</DBButton>
-					</Show>
+					<DBButton
+						className="button-close-drawer"
+						id={props.closeButtonId}
+						icon="cross"
+						variant="ghost"
+						noText
+						onClick={() => state.handleClose('close')}>
+						{props.closeButtonText ?? DEFAULT_CLOSE_BUTTON}
+					</DBButton>
 				</header>
 				<div class="db-drawer-content">{props.children}</div>
 			</article>

packages/components/src/components/drawer/drawer.spec.tsx

@@ -41,7 +41,7 @@ const testAction = () => {
 	test(`should open and close drawer`, async ({ mount, page }) => {
 		let test: string = '';
 		const drawer: any = (
-			<DBDrawer onClose={() => (test = 'close')} withCloseButton={true}>
+			<DBDrawer onClose={() => (test = 'close')}>
 				<span data-testid="test">Test</span>
 			</DBDrawer>
 		);

packages/components/src/components/drawer/model.ts

@@ -45,11 +45,6 @@ export interface DBDrawerDefaultProps {
 	 * The "end" depends on which direction you use.
 	 */
 	rounded?: boolean;
-
-	/**
-	 * The withCloseButton attribute shows/hides the default close button.
-	 */
-	withCloseButton?: boolean;
 }
 
 export type DBDrawerProps = DBDrawerDefaultProps &

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

@@ -73,7 +73,6 @@ export default function DBHeader(props: DBHeaderProps) {
 			<DBDrawer
 				className="db-header-drawer"
 				rounded
-				withCloseButton
 				spacing="small"
 				open={props.drawerOpen}
 				onClose={() => state.toggle()}>

showcases/angular-showcase/src/app/components/drawer/drawer.component.html

@@ -12,7 +12,6 @@
 	>
 		<db-drawer
 			[backdrop]="exampleProps?.backdrop"
-			[withCloseButton]="exampleProps?.withCloseButton"
 			[rounded]="exampleProps?.rounded"
 			[width]="exampleProps?.width"
 			[spacing]="exampleProps?.spacing"

showcases/nuxt-showcase/package.json

@@ -12,7 +12,7 @@
   },
   "dependencies": {
     "nuxt": "^3.12.4",
-    "vue": "^3.4.33",
+    "vue": "^3.4.34",
     "vue-router": "^4.4.0"
   }
 }

showcases/react-showcase/src/components/drawer/index.tsx

@@ -14,7 +14,6 @@ const getDrawer = ({
 	id,
 	width,
 	rounded,
-	withCloseButton,
 	spacing,
 	openDrawer,
 	setOpenDrawer,
@@ -24,7 +23,6 @@ const getDrawer = ({
 }: DBDrawerProps & AdditionalDrawerProperties) => (
 	<div>
 		<DBDrawer
-			withCloseButton={withCloseButton}
 			rounded={rounded}
 			width={width}
 			spacing={spacing}

showcases/screen-reader/__snapshots__/macos/webkit/DBDrawer-should-autofocus.txt

@@ -0,0 +1 @@
+["web dialog Close Button button article","Functional"]

showcases/screen-reader/__snapshots__/windows/chromium/DBDrawer-should-autofocus.txt

@@ -0,0 +1 @@
+["unknown. dialog. document. clickable, Close Button, button. dialog. button, Close Button","Functional"]