From 97e01d8a6833e2ddc33cef55d856958521b093d5 Mon Sep 17 00:00:00 2001
From: Sabertaz <sabertazimi@gmail.com>
Date: Sat, 28 May 2022 08:00:59 +0800
Subject: [PATCH] fix(components-motion): add focus a11y style for `Bounce`
 motion (#873)

---
 components/Motion/Bounce.tsx | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/components/Motion/Bounce.tsx b/components/Motion/Bounce.tsx
index 385c543bb..d8e6e71b4 100644
--- a/components/Motion/Bounce.tsx
+++ b/components/Motion/Bounce.tsx
@@ -18,6 +18,10 @@ const inViewVariants: MotionProps['whileInView'] = {
   x: 0,
 };
 
+const focusVariants: MotionProps['whileFocus'] = {
+  x: -5,
+};
+
 const hoverVariants: MotionProps['whileHover'] = {
   x: -5,
 };
@@ -40,6 +44,7 @@ const Bounce = ({
     className={cx('inline-flex', className)}
     initial={initialVariants}
     whileInView={inViewVariants}
+    whileFocus={focusVariants}
     whileHover={hoverVariants}
     whileTap={tapVariants}
     transition={{