From 79a1c4b0869947aefb06f6eefe4522bf714fce26 Mon Sep 17 00:00:00 2001
From: Lukas Oppermann <lukasoppermann@github.com>
Date: Fri, 28 Feb 2025 11:40:21 +0100
Subject: [PATCH 1/3] change button to accept string in count

---
 .changeset/yellow-trainers-arrive.md                  | 5 +++++
 packages/react/src/Button/Button.features.stories.tsx | 4 ++++
 packages/react/src/Button/types.ts                    | 2 +-
 3 files changed, 10 insertions(+), 1 deletion(-)
 create mode 100644 .changeset/yellow-trainers-arrive.md

diff --git a/.changeset/yellow-trainers-arrive.md b/.changeset/yellow-trainers-arrive.md
new file mode 100644
index 00000000000..b53b8affdb4
--- /dev/null
+++ b/.changeset/yellow-trainers-arrive.md
@@ -0,0 +1,5 @@
+---
+"@primer/react": minor
+---
+
+Allowed button count prop to accept a number or a string, to allow for human format, like 3.2k
diff --git a/packages/react/src/Button/Button.features.stories.tsx b/packages/react/src/Button/Button.features.stories.tsx
index 0d34f3deb5e..39628695cc7 100644
--- a/packages/react/src/Button/Button.features.stories.tsx
+++ b/packages/react/src/Button/Button.features.stories.tsx
@@ -63,6 +63,10 @@ export const TrailingCounter = () => {
 
 export const TrailingCounterWithNoText = () => <Button aria-label="Comments" leadingVisual={CommentIcon} count={3} />
 
+export const TrailingCounterWithHumanFormat = () => (
+  <Button aria-label="Comments" leadingVisual={CommentIcon} count={'3.2k'} />
+)
+
 export const TrailingCounterAllVariants = () => {
   const [count, setCount] = useState(0)
   const onClick = () => {
diff --git a/packages/react/src/Button/types.ts b/packages/react/src/Button/types.ts
index 6824ae17e69..37c00820718 100644
--- a/packages/react/src/Button/types.ts
+++ b/packages/react/src/Button/types.ts
@@ -86,7 +86,7 @@ export type ButtonProps = {
 
   children?: React.ReactNode
 
-  count?: number
+  count?: number | string
 } & ButtonBaseProps
 
 export type IconButtonProps = ButtonA11yProps & {

From 2d3b290a25f8b3000dad71b0e0c0b5b1392d85ba Mon Sep 17 00:00:00 2001
From: Lukas Oppermann <lukasoppermann@github.com>
Date: Mon, 17 Mar 2025 10:07:32 +0100
Subject: [PATCH 2/3] Update .changeset/yellow-trainers-arrive.md

Co-authored-by: Josh Black <joshblack@github.com>
---
 .changeset/yellow-trainers-arrive.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/.changeset/yellow-trainers-arrive.md b/.changeset/yellow-trainers-arrive.md
index b53b8affdb4..7ad4a180fd6 100644
--- a/.changeset/yellow-trainers-arrive.md
+++ b/.changeset/yellow-trainers-arrive.md
@@ -2,4 +2,4 @@
 "@primer/react": minor
 ---
 
-Allowed button count prop to accept a number or a string, to allow for human format, like 3.2k
+Allow button count prop to accept a number or a string, to allow for human format, like 3.2k

From 21e9aa5f0e80c26d0a7058ef46f3535dac641f83 Mon Sep 17 00:00:00 2001
From: Lukas Oppermann <lukasoppermann@github.com>
Date: Mon, 17 Mar 2025 10:07:46 +0100
Subject: [PATCH 3/3] Update
 packages/react/src/Button/Button.features.stories.tsx

Co-authored-by: Josh Black <joshblack@github.com>
---
 packages/react/src/Button/Button.features.stories.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/react/src/Button/Button.features.stories.tsx b/packages/react/src/Button/Button.features.stories.tsx
index 39628695cc7..fd5fc92f1fd 100644
--- a/packages/react/src/Button/Button.features.stories.tsx
+++ b/packages/react/src/Button/Button.features.stories.tsx
@@ -64,7 +64,7 @@ export const TrailingCounter = () => {
 export const TrailingCounterWithNoText = () => <Button aria-label="Comments" leadingVisual={CommentIcon} count={3} />
 
 export const TrailingCounterWithHumanFormat = () => (
-  <Button aria-label="Comments" leadingVisual={CommentIcon} count={'3.2k'} />
+  <Button aria-label="Comments" leadingVisual={CommentIcon} count="3.2k" />
 )
 
 export const TrailingCounterAllVariants = () => {