From 123f1af227cc074f4edf8de42653ae9766959a44 Mon Sep 17 00:00:00 2001
From: kodai3 <k3dai.su3@gmail.com>
Date: Tue, 4 Aug 2020 06:41:58 +0900
Subject: [PATCH 1/4] [Avatar] classKeys migration

---
 docs/src/pages/guides/migration-v4/migration-v4.md | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/docs/src/pages/guides/migration-v4/migration-v4.md b/docs/src/pages/guides/migration-v4/migration-v4.md
index 9768a6192ec7c1..dd3ca4e9cbf627 100644
--- a/docs/src/pages/guides/migration-v4/migration-v4.md
+++ b/docs/src/pages/guides/migration-v4/migration-v4.md
@@ -57,7 +57,9 @@ This change affects almost all components where you're using the `component` pro
 
   ```diff
   -<Avatar variant="circle">
+  -<Avatar classes={{ circle: 'custom-circle-classname' }}>
   +<Avatar variant="circular">
+  -<Avatar classes={{ circular: 'custom-circle-classname' }}>
   ```
 
 ### Badge

From 42f1ef47f27bbb82a4326f2e7388b2acb235007e Mon Sep 17 00:00:00 2001
From: kodai3 <k3dai.su3@gmail.com>
Date: Tue, 4 Aug 2020 06:42:19 +0900
Subject: [PATCH 2/4] [Badge] classKeys migration

---
 .../pages/guides/migration-v4/migration-v4.md  | 18 ++++++++++++++++++
 1 file changed, 18 insertions(+)

diff --git a/docs/src/pages/guides/migration-v4/migration-v4.md b/docs/src/pages/guides/migration-v4/migration-v4.md
index dd3ca4e9cbf627..cde1b700e470c2 100644
--- a/docs/src/pages/guides/migration-v4/migration-v4.md
+++ b/docs/src/pages/guides/migration-v4/migration-v4.md
@@ -69,8 +69,26 @@ This change affects almost all components where you're using the `component` pro
   ```diff
   -<Badge overlap="circle">
   -<Badge overlap="rectangle">
+  -<Badge classes={{
+    anchorOriginTopRightRectangle: 'custom-top-right-rect-className'
+    anchorOriginBottomRightRectangle: 'custom-bottom-right-rect-className'
+    anchorOriginTopLeftRectangle: 'custom-top-left-rect-className'
+    anchorOriginBottomLeftRectangle: 'custom-bottom-left-rect-className'
+    anchorOriginTopRightCircle: 'custom-top-right-circle-className'
+    anchorOriginBottomRightCircle: 'custom-bottom-right-circle-className'
+    anchorOriginTopLeftCircle: 'custom-top-right-circle-className'
+  }}>
   +<Badge overlap="circular">
   +<Badge overlap="rectangular">
+  -<Badge classes={{
+    anchorOriginTopRightRectangular: 'custom-top-right-rect-className'
+    anchorOriginBottomRightRectangular: 'custom-bottom-right-rect-className'
+    anchorOriginTopLeftRectangular: 'custom-top-left-rect-className'
+    anchorOriginBottomLeftRectangular: 'custom-bottom-left-rect-className'
+    anchorOriginTopRightCircular: 'custom-top-right-circle-className'
+    anchorOriginBottomRightCircular: 'custom-bottom-right-circle-className'
+    anchorOriginTopLeftCircular: 'custom-top-right-circle-className'
+  }}>
   ```
 
 ### BottomNavigation

From a8981ad6762abb7d21a2dda2786e7e94fe53eff8 Mon Sep 17 00:00:00 2001
From: Olivier Tassinari <olivier.tassinari@gmail.com>
Date: Tue, 4 Aug 2020 10:41:50 +0200
Subject: [PATCH 3/4] Apply suggestions from code review

---
 .../pages/guides/migration-v4/migration-v4.md | 36 +++++++++----------
 1 file changed, 17 insertions(+), 19 deletions(-)

diff --git a/docs/src/pages/guides/migration-v4/migration-v4.md b/docs/src/pages/guides/migration-v4/migration-v4.md
index cde1b700e470c2..da8cb61196b166 100644
--- a/docs/src/pages/guides/migration-v4/migration-v4.md
+++ b/docs/src/pages/guides/migration-v4/migration-v4.md
@@ -57,9 +57,9 @@ This change affects almost all components where you're using the `component` pro
 
   ```diff
   -<Avatar variant="circle">
-  -<Avatar classes={{ circle: 'custom-circle-classname' }}>
+  -<Avatar classes={{ circle: 'classname' }}>
   +<Avatar variant="circular">
-  -<Avatar classes={{ circular: 'custom-circle-classname' }}>
+  +<Avatar classes={{ circular: 'classname' }}>
   ```
 
 ### Badge
@@ -69,25 +69,23 @@ This change affects almost all components where you're using the `component` pro
   ```diff
   -<Badge overlap="circle">
   -<Badge overlap="rectangle">
-  -<Badge classes={{
-    anchorOriginTopRightRectangle: 'custom-top-right-rect-className'
-    anchorOriginBottomRightRectangle: 'custom-bottom-right-rect-className'
-    anchorOriginTopLeftRectangle: 'custom-top-left-rect-className'
-    anchorOriginBottomLeftRectangle: 'custom-bottom-left-rect-className'
-    anchorOriginTopRightCircle: 'custom-top-right-circle-className'
-    anchorOriginBottomRightCircle: 'custom-bottom-right-circle-className'
-    anchorOriginTopLeftCircle: 'custom-top-right-circle-className'
-  }}>
   +<Badge overlap="circular">
   +<Badge overlap="rectangular">
-  -<Badge classes={{
-    anchorOriginTopRightRectangular: 'custom-top-right-rect-className'
-    anchorOriginBottomRightRectangular: 'custom-bottom-right-rect-className'
-    anchorOriginTopLeftRectangular: 'custom-top-left-rect-className'
-    anchorOriginBottomLeftRectangular: 'custom-bottom-left-rect-className'
-    anchorOriginTopRightCircular: 'custom-top-right-circle-className'
-    anchorOriginBottomRightCircular: 'custom-bottom-right-circle-className'
-    anchorOriginTopLeftCircular: 'custom-top-right-circle-className'
+  <Badge classes={{
+  - anchorOriginTopRightRectangle: 'className'
+  - anchorOriginBottomRightRectangle: 'className'
+  - anchorOriginTopLeftRectangle: 'className'
+  - anchorOriginBottomLeftRectangle: 'className'
+  - anchorOriginTopRightCircle: 'className'
+  - anchorOriginBottomRightCircle: 'className'
+  - anchorOriginTopLeftCircle: 'className'
+  + anchorOriginTopRightRectangular: 'className'
+  + anchorOriginBottomRightRectangular: 'className'
+  + anchorOriginTopLeftRectangular: 'className'
+  + anchorOriginBottomLeftRectangular: 'className'
+  + anchorOriginTopRightCircular: 'className'
+  + anchorOriginBottomRightCircular: 'className'
+  + anchorOriginTopLeftCircular: 'className'
   }}>
   ```
 

From 06e800b1d9588a228b5032887ae99d419a3bb9c0 Mon Sep 17 00:00:00 2001
From: Olivier Tassinari <olivier.tassinari@gmail.com>
Date: Wed, 5 Aug 2020 12:29:27 +0200
Subject: [PATCH 4/4] Update docs/src/pages/guides/migration-v4/migration-v4.md

Co-authored-by: kodai <33568829+kodai3@users.noreply.github.com>
---
 docs/src/pages/guides/migration-v4/migration-v4.md | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/docs/src/pages/guides/migration-v4/migration-v4.md b/docs/src/pages/guides/migration-v4/migration-v4.md
index da8cb61196b166..7fe451a567d736 100644
--- a/docs/src/pages/guides/migration-v4/migration-v4.md
+++ b/docs/src/pages/guides/migration-v4/migration-v4.md
@@ -57,9 +57,9 @@ This change affects almost all components where you're using the `component` pro
 
   ```diff
   -<Avatar variant="circle">
-  -<Avatar classes={{ circle: 'classname' }}>
+  -<Avatar classes={{ circle: 'className' }}>
   +<Avatar variant="circular">
-  +<Avatar classes={{ circular: 'classname' }}>
+  +<Avatar classes={{ circular: 'className' }}>
   ```
 
 ### Badge