From a918a8314a9125bcd5992c0c26ba81fd4d42910f Mon Sep 17 00:00:00 2001
From: Ivana Rodriguez <ivrodrig@redhat.com>
Date: Tue, 4 Apr 2023 09:20:18 -0400
Subject: [PATCH 1/5] feat: expose new CSS var on the block variant

---
 elements/pf-button/pf-button.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/elements/pf-button/pf-button.css b/elements/pf-button/pf-button.css
index b45267f432..3115bdb4a2 100644
--- a/elements/pf-button/pf-button.css
+++ b/elements/pf-button/pf-button.css
@@ -570,7 +570,7 @@ button:hover {
 :host([block]) button {
   display: flex;
   width: 100%;
-  justify-content: center;
+  justify-content: var(--pf-c-button--block--JustifyContent, center);
 }
 
 /******************************

From aa3a7cc64e71287f40abbaf78c5b9416dcdaf0f3 Mon Sep 17 00:00:00 2001
From: Ivana Rodriguez <ivrodrig@redhat.com>
Date: Mon, 17 Apr 2023 08:45:36 -0400
Subject: [PATCH 2/5] refactor: expose part on button instead

---
 elements/pf-button/BaseButton.ts | 5 +++--
 elements/pf-button/pf-button.css | 2 +-
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/elements/pf-button/BaseButton.ts b/elements/pf-button/BaseButton.ts
index 6146737ee5..3ff45a34bb 100644
--- a/elements/pf-button/BaseButton.ts
+++ b/elements/pf-button/BaseButton.ts
@@ -57,10 +57,11 @@ export abstract class BaseButton extends LitElement {
   override render() {
     const { hasIcon } = this;
     return html`
-      <button type="${ifDefined(this.type)}"
+      <button aria-label="${ifDefined(this.label)}"
               class="${classMap({ hasIcon })}"
+              part="button"
+              type="${ifDefined(this.type)}"
               value="${ifDefined(this.value)}"
-              aria-label="${ifDefined(this.label)}"
               @click="${this.#onClick}"
               ?disabled="${this.disabled || this.#internals.formDisabled}">
         <slot id="icon" part="icon" aria-hidden="true" name="icon">${this.renderDefaultIcon()}</slot>
diff --git a/elements/pf-button/pf-button.css b/elements/pf-button/pf-button.css
index 3115bdb4a2..b45267f432 100644
--- a/elements/pf-button/pf-button.css
+++ b/elements/pf-button/pf-button.css
@@ -570,7 +570,7 @@ button:hover {
 :host([block]) button {
   display: flex;
   width: 100%;
-  justify-content: var(--pf-c-button--block--JustifyContent, center);
+  justify-content: center;
 }
 
 /******************************

From a3d44ed8505c7aec6d330cf4d3c3dbb5dde9d1d2 Mon Sep 17 00:00:00 2001
From: Benny Powers <bennypowers@users.noreply.github.com>
Date: Fri, 21 Apr 2023 09:30:07 +0300
Subject: [PATCH 3/5] docs: add changeset

---
 .changeset/plenty-clouds-exist.md | 5 +++++
 1 file changed, 5 insertions(+)
 create mode 100644 .changeset/plenty-clouds-exist.md

diff --git a/.changeset/plenty-clouds-exist.md b/.changeset/plenty-clouds-exist.md
new file mode 100644
index 0000000000..49e6db9748
--- /dev/null
+++ b/.changeset/plenty-clouds-exist.md
@@ -0,0 +1,5 @@
+---
+"@patternfly/elements": minor
+---
+
+`<pf-button>`: expose `button` part for styling the internal button element

From b5f94ca7b5fc20a9f0d095ca9a9937f301eb4a72 Mon Sep 17 00:00:00 2001
From: Ivana Rodriguez <ivrodrig@redhat.com>
Date: Fri, 21 Apr 2023 10:27:16 -0400
Subject: [PATCH 4/5] docs: add jsdoc for new part

---
 elements/pf-button/BaseButton.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/elements/pf-button/BaseButton.ts b/elements/pf-button/BaseButton.ts
index 3ff45a34bb..0edac013c7 100644
--- a/elements/pf-button/BaseButton.ts
+++ b/elements/pf-button/BaseButton.ts
@@ -9,7 +9,7 @@ import styles from './BaseButton.css';
 
 /**
  * Base button class
- *
+ * @csspart button - Button element
  * @csspart icon - Container for the icon slot
  * @slot icon
  *       Contains the button's icon or state indicator, e.g. a spinner.

From b98f3df106ac27b8253dd8e76e6754870ee68fd2 Mon Sep 17 00:00:00 2001
From: Ivana Rodriguez <ivrodrig@redhat.com>
Date: Fri, 21 Apr 2023 10:28:35 -0400
Subject: [PATCH 5/5] docs: reword description

---
 elements/pf-button/BaseButton.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/elements/pf-button/BaseButton.ts b/elements/pf-button/BaseButton.ts
index 0edac013c7..f32f1bd7b3 100644
--- a/elements/pf-button/BaseButton.ts
+++ b/elements/pf-button/BaseButton.ts
@@ -9,7 +9,7 @@ import styles from './BaseButton.css';
 
 /**
  * Base button class
- * @csspart button - Button element
+ * @csspart button - Internal button element
  * @csspart icon - Container for the icon slot
  * @slot icon
  *       Contains the button's icon or state indicator, e.g. a spinner.