From 822d217a871bbf18e8e25848a86c86d8e3743493 Mon Sep 17 00:00:00 2001
From: mertsincan <sincan.mert@gmail.com>
Date: Wed, 19 Jul 2023 09:21:09 +0100
Subject: [PATCH] Fixed #4159 - Rename button and buttonIcon pt options with
 closeButton and closeIcon options in Message

---
 components/lib/message/BaseMessage.vue |  4 ++--
 components/lib/message/Message.d.ts    | 10 ++++++++++
 components/lib/message/Message.vue     |  6 +++---
 3 files changed, 15 insertions(+), 5 deletions(-)

diff --git a/components/lib/message/BaseMessage.vue b/components/lib/message/BaseMessage.vue
index 75ef557b3..1f67379db 100644
--- a/components/lib/message/BaseMessage.vue
+++ b/components/lib/message/BaseMessage.vue
@@ -53,8 +53,8 @@ const classes = {
     wrapper: 'p-message-wrapper',
     icon: 'p-message-icon',
     text: 'p-message-text',
-    button: 'p-message-close p-link',
-    buttonIcon: 'p-message-close-icon'
+    closeButton: 'p-message-close p-link',
+    closeIcon: 'p-message-close-icon'
 };
 
 const { load: loadStyle } = useStyle(styles, { name: 'message', manual: true });
diff --git a/components/lib/message/Message.d.ts b/components/lib/message/Message.d.ts
index 6ccfe245a..bd862593f 100755
--- a/components/lib/message/Message.d.ts
+++ b/components/lib/message/Message.d.ts
@@ -45,12 +45,22 @@ export interface MessagePassThroughOptions {
     text?: MessagePassThroughOptionType;
     /**
      * Uses to pass attributes to the button's DOM element.
+     * @deprecated since v3.30.2. Use 'closeButton' option.
      */
     button?: MessagePassThroughOptionType;
+    /**
+     * Uses to pass attributes to the button's DOM element.
+     */
+    closeButton?: MessagePassThroughOptionType;
     /**
      * Uses to pass attributes to the button icon's DOM element.
+     * @deprecated since v3.30.2. Use 'closeIcon' option.
      */
     buttonIcon?: MessagePassThroughOptionType;
+    /**
+     * Uses to pass attributes to the button icon's DOM element.
+     */
+    closeIcon?: MessagePassThroughOptionType;
     /**
      * Uses to manage all lifecycle hooks
      * @see {@link BaseComponent.ComponentHooks}
diff --git a/components/lib/message/Message.vue b/components/lib/message/Message.vue
index afed7cb26..e5e4d26ba 100755
--- a/components/lib/message/Message.vue
+++ b/components/lib/message/Message.vue
@@ -8,10 +8,10 @@
                 <div class="p-message-text" :class="cx('text')" v-bind="ptm('text')">
                     <slot></slot>
                 </div>
-                <button v-if="closable" v-ripple :class="cx('button')" :aria-label="closeAriaLabel" type="button" @click="close($event)" v-bind="{ ...closeButtonProps, ...ptm('button') }">
+                <button v-if="closable" v-ripple :class="cx('closeButton')" :aria-label="closeAriaLabel" type="button" @click="close($event)" v-bind="{ ...closeButtonProps, ...ptm('button'), ...ptm('closeButton') }">
                     <slot name="closeicon">
-                        <i v-if="closeIcon" :class="[cx('buttonIcon'), closeIcon]" v-bind="ptm('buttonIcon')" />
-                        <TimesIcon v-else :class="[cx('buttonIcon'), closeIcon]" v-bind="ptm('buttonIcon')" />
+                        <i v-if="closeIcon" :class="[cx('closeIcon'), closeIcon]" v-bind="{ ...ptm('buttonIcon'), ...ptm('closeIcon') }" />
+                        <TimesIcon v-else :class="[cx('closeIcon'), closeIcon]" v-bind="{ ...ptm('buttonIcon'), ...ptm('closeIcon') }" />
                     </slot>
                 </button>
             </div>