feat(ui5-view-settings-dialog): provide part for reset button

Author: tsanislavgatev

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",

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>

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">