From 051758983cdf068387e02930f4d5631f7eb05b2d Mon Sep 17 00:00:00 2001
From: Ed Sungik Choi <sungik.dev@gmail.com>
Date: Tue, 21 Feb 2023 14:03:11 +0900
Subject: [PATCH] test: update snapshot

---
 .../Button/__snapshots__/Button.test.tsx.snap | 100 ++++++++++++++++++
 1 file changed, 100 insertions(+)

diff --git a/packages/bezier-react/src/components/Button/__snapshots__/Button.test.tsx.snap b/packages/bezier-react/src/components/Button/__snapshots__/Button.test.tsx.snap
index aba9191fc5..b68e98931a 100644
--- a/packages/bezier-react/src/components/Button/__snapshots__/Button.test.tsx.snap
+++ b/packages/bezier-react/src/components/Button/__snapshots__/Button.test.tsx.snap
@@ -60,6 +60,10 @@ exports[`Button Test > Active Test > Active prop change Button to hover style 1`
   background-color: #4E40C9;
 }
 
+.c0:focus {
+  box-shadow: 0 0 0 3px #5E56F04D, inset 0 0 0 1px #5E56F0;
+}
+
 .c0:hover {
   background-color: #4E40C9;
 }
@@ -158,6 +162,10 @@ exports[`Button Test > Disabled Test > Button can have disabled attribute 1`] =
   background-color: #5E56F0;
 }
 
+.c0:focus {
+  box-shadow: 0 0 0 3px #5E56F04D, inset 0 0 0 1px #5E56F0;
+}
+
 .c3 {
   padding: 0 4px;
 }
@@ -288,6 +296,10 @@ exports[`Button Test > Loading Test > Active prop change Button to hover style 1
   background-color: #5E56F0;
 }
 
+.c0:focus {
+  box-shadow: 0 0 0 3px #5E56F04D, inset 0 0 0 1px #5E56F0;
+}
+
 .c0:hover {
   background-color: #4E40C9;
 }
@@ -395,6 +407,10 @@ exports[`Button Test > Reset CSS 1`] = `
   background-color: #5E56F0;
 }
 
+.c0:focus {
+  box-shadow: 0 0 0 3px #5E56F04D, inset 0 0 0 1px #5E56F0;
+}
+
 .c0:hover {
   background-color: #4E40C9;
 }
@@ -499,6 +515,10 @@ exports[`Button Test > Size Test > with text > Size L - styleVariant: Floating 1
   background-color: #5E56F0;
 }
 
+.c0:focus {
+  box-shadow: 0 0 0 3px #5E56F04D, inset 0 0 0 1px #5E56F0;
+}
+
 .c0:hover {
   background-color: #FFFFFF;
   box-shadow: inset 0 0 2px 0 #FFFFFF1F, 0 0 2px 1px #0000000D, 0 4px 12px #00000026;
@@ -606,6 +626,10 @@ exports[`Button Test > Size Test > with text > Size L 1`] = `
   background-color: #5E56F0;
 }
 
+.c0:focus {
+  box-shadow: 0 0 0 3px #5E56F04D, inset 0 0 0 1px #5E56F0;
+}
+
 .c0:hover {
   background-color: #4E40C9;
 }
@@ -706,6 +730,10 @@ exports[`Button Test > Size Test > with text > Size M - styleVariant: Floating 1
   background-color: #5E56F0;
 }
 
+.c0:focus {
+  box-shadow: 0 0 0 3px #5E56F04D, inset 0 0 0 1px #5E56F0;
+}
+
 .c0:hover {
   background-color: #FFFFFF;
   box-shadow: inset 0 0 2px 0 #FFFFFF1F, 0 0 2px 1px #0000000D, 0 4px 12px #00000026;
@@ -809,6 +837,10 @@ exports[`Button Test > Size Test > with text > Size M 1`] = `
   background-color: #5E56F0;
 }
 
+.c0:focus {
+  box-shadow: 0 0 0 3px #5E56F04D, inset 0 0 0 1px #5E56F0;
+}
+
 .c0:hover {
   background-color: #4E40C9;
 }
@@ -909,6 +941,10 @@ exports[`Button Test > Size Test > with text > Size S - styleVariant: Floating 1
   background-color: #5E56F0;
 }
 
+.c0:focus {
+  box-shadow: 0 0 0 3px #5E56F04D, inset 0 0 0 1px #5E56F0;
+}
+
 .c0:hover {
   background-color: #FFFFFF;
   box-shadow: inset 0 0 2px 0 #FFFFFF1F, 0 0 2px 1px #0000000D, 0 4px 12px #00000026;
@@ -1012,6 +1048,10 @@ exports[`Button Test > Size Test > with text > Size S 1`] = `
   background-color: #5E56F0;
 }
 
+.c0:focus {
+  box-shadow: 0 0 0 3px #5E56F04D, inset 0 0 0 1px #5E56F0;
+}
+
 .c0:hover {
   background-color: #4E40C9;
 }
@@ -1112,6 +1152,10 @@ exports[`Button Test > Size Test > with text > Size XL - styleVariant: Floating
   background-color: #5E56F0;
 }
 
+.c0:focus {
+  box-shadow: 0 0 0 3px #5E56F04D, inset 0 0 0 1px #5E56F0;
+}
+
 .c0:hover {
   background-color: #FFFFFF;
   box-shadow: inset 0 0 2px 0 #FFFFFF1F, 0 0 2px 1px #0000000D, 0 4px 12px #00000026;
@@ -1215,6 +1259,10 @@ exports[`Button Test > Size Test > with text > Size XL 1`] = `
   background-color: #5E56F0;
 }
 
+.c0:focus {
+  box-shadow: 0 0 0 3px #5E56F04D, inset 0 0 0 1px #5E56F0;
+}
+
 .c0:hover {
   background-color: #4E40C9;
 }
@@ -1315,6 +1363,10 @@ exports[`Button Test > Size Test > with text > Size XS - styleVariant: Floating
   background-color: #5E56F0;
 }
 
+.c0:focus {
+  box-shadow: 0 0 0 3px #5E56F04D, inset 0 0 0 1px #5E56F0;
+}
+
 .c0:hover {
   background-color: #FFFFFF;
   box-shadow: inset 0 0 2px 0 #FFFFFF1F, 0 0 2px 1px #0000000D, 0 4px 12px #00000026;
@@ -1418,6 +1470,10 @@ exports[`Button Test > Size Test > with text > Size XS 1`] = `
   background-color: #5E56F0;
 }
 
+.c0:focus {
+  box-shadow: 0 0 0 3px #5E56F04D, inset 0 0 0 1px #5E56F0;
+}
+
 .c0:hover {
   background-color: #4E40C9;
 }
@@ -1516,6 +1572,10 @@ exports[`Button Test > Size Test > with text > size prop not given, default size
   background-color: #5E56F0;
 }
 
+.c0:focus {
+  box-shadow: 0 0 0 3px #5E56F04D, inset 0 0 0 1px #5E56F0;
+}
+
 .c0:hover {
   background-color: #4E40C9;
 }
@@ -1597,6 +1657,10 @@ exports[`Button Test > Size Test > without text > Size L 1`] = `
   background-color: #5E56F0;
 }
 
+.c0:focus {
+  box-shadow: 0 0 0 3px #5E56F04D, inset 0 0 0 1px #5E56F0;
+}
+
 .c0:hover {
   background-color: #4E40C9;
 }
@@ -1667,6 +1731,10 @@ exports[`Button Test > Size Test > without text > Size M 1`] = `
   background-color: #5E56F0;
 }
 
+.c0:focus {
+  box-shadow: 0 0 0 3px #5E56F04D, inset 0 0 0 1px #5E56F0;
+}
+
 .c0:hover {
   background-color: #4E40C9;
 }
@@ -1737,6 +1805,10 @@ exports[`Button Test > Size Test > without text > Size S 1`] = `
   background-color: #5E56F0;
 }
 
+.c0:focus {
+  box-shadow: 0 0 0 3px #5E56F04D, inset 0 0 0 1px #5E56F0;
+}
+
 .c0:hover {
   background-color: #4E40C9;
 }
@@ -1807,6 +1879,10 @@ exports[`Button Test > Size Test > without text > Size XL 1`] = `
   background-color: #5E56F0;
 }
 
+.c0:focus {
+  box-shadow: 0 0 0 3px #5E56F04D, inset 0 0 0 1px #5E56F0;
+}
+
 .c0:hover {
   background-color: #4E40C9;
 }
@@ -1877,6 +1953,10 @@ exports[`Button Test > Size Test > without text > Size XS 1`] = `
   background-color: #5E56F0;
 }
 
+.c0:focus {
+  box-shadow: 0 0 0 3px #5E56F04D, inset 0 0 0 1px #5E56F0;
+}
+
 .c0:hover {
   background-color: #4E40C9;
 }
@@ -1966,6 +2046,10 @@ exports[`Button Test > StyleVariant Test > Floating 1`] = `
   background-color: #5E56F0;
 }
 
+.c0:focus {
+  box-shadow: 0 0 0 3px #5E56F04D, inset 0 0 0 1px #5E56F0;
+}
+
 .c0:hover {
   background-color: #FFFFFF;
   box-shadow: inset 0 0 2px 0 #FFFFFF1F, 0 0 2px 1px #0000000D, 0 4px 12px #00000026;
@@ -2071,6 +2155,10 @@ exports[`Button Test > StyleVariant Test > FloatingAlt 1`] = `
   background-color: #5E56F0;
 }
 
+.c0:focus {
+  box-shadow: 0 0 0 3px #5E56F04D, inset 0 0 0 1px #5E56F0;
+}
+
 .c0:hover {
   background-color: #FFFFFF;
   box-shadow: inset 0 0 2px 0 #FFFFFF1F, 0 0 2px 1px #0000000D, 0 4px 12px #00000026;
@@ -2174,6 +2262,10 @@ exports[`Button Test > StyleVariant Test > Primary 1`] = `
   background-color: #5E56F0;
 }
 
+.c0:focus {
+  box-shadow: 0 0 0 3px #5E56F04D, inset 0 0 0 1px #5E56F0;
+}
+
 .c0:hover {
   background-color: #4E40C9;
 }
@@ -2272,6 +2364,10 @@ exports[`Button Test > StyleVariant Test > Secondary 1`] = `
   background-color: #5E56F01A;
 }
 
+.c0:focus {
+  box-shadow: 0 0 0 3px #5E56F04D, inset 0 0 0 1px #5E56F0;
+}
+
 .c0:hover {
   background-color: #5E56F033;
 }
@@ -2370,6 +2466,10 @@ exports[`Button Test > StyleVariant Test > Tertiary 1`] = `
   background-color: transparent;
 }
 
+.c0:focus {
+  box-shadow: 0 0 0 3px #5E56F04D, inset 0 0 0 1px #5E56F0;
+}
+
 .c0:hover {
   color: #4E40C9;
   background-color: #5E56F01A;