From af841d555bb4cc60f1543e325a734dcde986638b Mon Sep 17 00:00:00 2001
From: tsanislavgatev <tseko95@gmail.com>
Date: Wed, 5 Nov 2025 23:08:29 +0200
Subject: [PATCH 1/2] feat(ui5-view-settings-dialog): provide part for reset
 button

---
 packages/fiori/src/ViewSettingsDialog.ts          | 1 +
 packages/fiori/src/ViewSettingsDialogTemplate.tsx | 1 +
 packages/fiori/test/pages/ViewSettingsDialog.html | 6 ++++++
 3 files changed, 8 insertions(+)

diff --git a/packages/fiori/src/ViewSettingsDialog.ts b/packages/fiori/src/ViewSettingsDialog.ts
index 337c5c51d351..c18db97533ab 100644
--- a/packages/fiori/src/ViewSettingsDialog.ts
+++ b/packages/fiori/src/ViewSettingsDialog.ts
@@ -114,6 +114,7 @@ type VSDInternalSettings = {
  * @extends UI5Element
  * @since 1.0.0-rc.16
  * @public
+ * @csspart reset-button - Used to style the reset button in the header.
  */
 @customElement({
 	tag: "ui5-view-settings-dialog",
diff --git a/packages/fiori/src/ViewSettingsDialogTemplate.tsx b/packages/fiori/src/ViewSettingsDialogTemplate.tsx
index cfad8e34f6b7..1248fd5de7f7 100644
--- a/packages/fiori/src/ViewSettingsDialogTemplate.tsx
+++ b/packages/fiori/src/ViewSettingsDialogTemplate.tsx
@@ -36,6 +36,7 @@ function ViewSettingsDialogTemplateHeader(this: ViewSettingsDialog) {
 				<div class="ui5-vsd-header-end">
 					<Button
 						design="Transparent"
+						part="reset-button"
 						onClick={this._resetSettings}
 						disabled={this._disableResetButton}
 					>{this._resetButtonLabel}</Button>
diff --git a/packages/fiori/test/pages/ViewSettingsDialog.html b/packages/fiori/test/pages/ViewSettingsDialog.html
index 951b383bc745..ca3dffbd47ea 100644
--- a/packages/fiori/test/pages/ViewSettingsDialog.html
+++ b/packages/fiori/test/pages/ViewSettingsDialog.html
@@ -12,6 +12,12 @@
 		}
 	</script>
 
+	<style>
+		#vsdGroup::part(reset-button) {
+			background-color: pink;
+		}
+	</style>
+
 	<script src="%VITE_BUNDLE_PATH%" type="module"></script>
 
 <link rel="stylesheet" type="text/css" href="./styles/ViewSettingsDialog.css">

From 031419076c7b509cdf4919cf6c7796d59dc8c047 Mon Sep 17 00:00:00 2001
From: tsanislavgatev <tseko95@gmail.com>
Date: Tue, 11 Nov 2025 22:17:01 +0200
Subject: [PATCH 2/2] feat(ui5-bar): change part to header

---
 packages/fiori/src/ViewSettingsDialog.ts          | 2 +-
 packages/fiori/src/ViewSettingsDialogTemplate.tsx | 3 +--
 packages/fiori/test/pages/ViewSettingsDialog.html | 4 ++--
 3 files changed, 4 insertions(+), 5 deletions(-)

diff --git a/packages/fiori/src/ViewSettingsDialog.ts b/packages/fiori/src/ViewSettingsDialog.ts
index c18db97533ab..2a998eb02e2c 100644
--- a/packages/fiori/src/ViewSettingsDialog.ts
+++ b/packages/fiori/src/ViewSettingsDialog.ts
@@ -114,7 +114,7 @@ type VSDInternalSettings = {
  * @extends UI5Element
  * @since 1.0.0-rc.16
  * @public
- * @csspart reset-button - Used to style the reset button in the header.
+ * @csspart header - Used to style the header.
  */
 @customElement({
 	tag: "ui5-view-settings-dialog",
diff --git a/packages/fiori/src/ViewSettingsDialogTemplate.tsx b/packages/fiori/src/ViewSettingsDialogTemplate.tsx
index 1248fd5de7f7..23a000235087 100644
--- a/packages/fiori/src/ViewSettingsDialogTemplate.tsx
+++ b/packages/fiori/src/ViewSettingsDialogTemplate.tsx
@@ -16,7 +16,7 @@ import type ViewSettingsDialog from "./ViewSettingsDialog.js";
 function ViewSettingsDialogTemplateHeader(this: ViewSettingsDialog) {
 	return (
 		<div slot="header" class="ui5-vsd-header">
-			<div class="ui5-vsd-header-container">
+			<div class="ui5-vsd-header-container" part="header">
 				<div class="ui5-vsd-header-start">
 					{this.showBackButton && (
 						<Button
@@ -36,7 +36,6 @@ function ViewSettingsDialogTemplateHeader(this: ViewSettingsDialog) {
 				<div class="ui5-vsd-header-end">
 					<Button
 						design="Transparent"
-						part="reset-button"
 						onClick={this._resetSettings}
 						disabled={this._disableResetButton}
 					>{this._resetButtonLabel}</Button>
diff --git a/packages/fiori/test/pages/ViewSettingsDialog.html b/packages/fiori/test/pages/ViewSettingsDialog.html
index ca3dffbd47ea..f3efd0fbc425 100644
--- a/packages/fiori/test/pages/ViewSettingsDialog.html
+++ b/packages/fiori/test/pages/ViewSettingsDialog.html
@@ -13,8 +13,8 @@
 	</script>
 
 	<style>
-		#vsdGroup::part(reset-button) {
-			background-color: pink;
+		#vsd::part(header) {
+			--sapButton_Lite_TextColor: pink;
 		}
 	</style>