From 38d14b00f5d423d2a78d0ae82685da11c14fdc5a Mon Sep 17 00:00:00 2001
From: futurouz <kunanan.tw@gmail.com>
Date: Sat, 1 Oct 2022 17:29:13 +0700
Subject: [PATCH 1/5] fix: typo outline button hover style

---
 src/Button/styles.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/Button/styles.ts b/src/Button/styles.ts
index c586faa0d58..2068f2a44bd 100644
--- a/src/Button/styles.ts
+++ b/src/Button/styles.ts
@@ -132,7 +132,7 @@ export const getVariantStyles = (variant: VariantType = 'default', theme?: Theme
       '&:hover:not([disabled])': {
         color: 'btn.outline.hoverText',
         backgroundColor: 'btn.outline.hoverBg',
-        borderColor: 'outline.hoverBorder',
+        borderColor: 'btn.outline.hoverBorder',
         boxShadow: `${theme?.shadows.btn.outline.hoverShadow}`,
         '[data-component=ButtonCounter]': {
           backgroundColor: 'btn.outline.hoverCounterBg',

From 50937999d18ea5f9fabbb35bddd84599e9133d16 Mon Sep 17 00:00:00 2001
From: futurouz <kunanan.tw@gmail.com>
Date: Sat, 1 Oct 2022 17:30:35 +0700
Subject: [PATCH 2/5] chore: update storybook of Button to support outline
 variant

---
 src/Button/Button.stories.tsx | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/src/Button/Button.stories.tsx b/src/Button/Button.stories.tsx
index 655f0ec2c77..538d83f4ed5 100644
--- a/src/Button/Button.stories.tsx
+++ b/src/Button/Button.stories.tsx
@@ -63,6 +63,14 @@ export const invisibleButton = (args: ButtonProps) => {
   )
 }
 
+export const OutlineButton = (args: ButtonProps) => {
+  return (
+    <Button {...args} variant="outline">
+      Outline
+    </Button>
+  )
+}
+
 export const iconBeforeButton = (args: ButtonProps) => {
   return (
     <Button leadingIcon={SearchIcon} {...args}>

From d14171ee6954ec412896a19cbd9a5fac07e6ca23 Mon Sep 17 00:00:00 2001
From: oukunanan <kunanan.tw@gmail.com>
Date: Sun, 2 Oct 2022 13:57:06 +0700
Subject: [PATCH 3/5] chore: add changeset

---
 .changeset/orange-pumas-develop.md | 5 +++++
 1 file changed, 5 insertions(+)
 create mode 100644 .changeset/orange-pumas-develop.md

diff --git a/.changeset/orange-pumas-develop.md b/.changeset/orange-pumas-develop.md
new file mode 100644
index 00000000000..c199573854a
--- /dev/null
+++ b/.changeset/orange-pumas-develop.md
@@ -0,0 +1,5 @@
+---
+'@primer/react': patch
+---
+
+Fix invalid hover outline variant of the Button component

From acee59b973ac9f4cd9fc53345abd1ab8004f0dbc Mon Sep 17 00:00:00 2001
From: oukunanan <kunanan.tw@gmail.com>
Date: Mon, 3 Oct 2022 19:07:19 +0700
Subject: [PATCH 4/5] test(button): update test snapshot

---
 src/__tests__/__snapshots__/Button.test.tsx.snap | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/__tests__/__snapshots__/Button.test.tsx.snap b/src/__tests__/__snapshots__/Button.test.tsx.snap
index f54c410ac25..67690984bc7 100644
--- a/src/__tests__/__snapshots__/Button.test.tsx.snap
+++ b/src/__tests__/__snapshots__/Button.test.tsx.snap
@@ -549,7 +549,7 @@ exports[`Button styles outline button appropriately 1`] = `
 .c0:hover:not([disabled]) {
   color: btn.outline.hoverText;
   background-color: btn.outline.hoverBg;
-  border-color: outline.hoverBorder;
+  border-color: btn.outline.hoverBorder;
   box-shadow: undefined;
 }
 

From 5c018ab4283de20122ffd75bd37ff1d24ee59e2c Mon Sep 17 00:00:00 2001
From: oukunanan <kunanan.tw@gmail.com>
Date: Tue, 4 Oct 2022 09:50:55 +0700
Subject: [PATCH 5/5] chore(button): consistent storybook name

---
 src/Button/Button.stories.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/Button/Button.stories.tsx b/src/Button/Button.stories.tsx
index 538d83f4ed5..18a2e689b20 100644
--- a/src/Button/Button.stories.tsx
+++ b/src/Button/Button.stories.tsx
@@ -63,7 +63,7 @@ export const invisibleButton = (args: ButtonProps) => {
   )
 }
 
-export const OutlineButton = (args: ButtonProps) => {
+export const outlineButton = (args: ButtonProps) => {
   return (
     <Button {...args} variant="outline">
       Outline