From cafd07e69634b00e0105968c69e89bda5f8c6926 Mon Sep 17 00:00:00 2001
From: Cagatay Civici <cagatay.civici@gmail.com>
Date: Thu, 13 Jun 2024 08:58:21 +0300
Subject: [PATCH] Update migration guide

---
 apps/showcase/assets/styles/layout/_doc.scss        |  6 +++++-
 .../doc/guides/migration/v4/changes/BreakingDoc.vue | 13 ++++++++++---
 .../guides/migration/v4/changes/CompatibleDoc.vue   |  6 ++++--
 3 files changed, 19 insertions(+), 6 deletions(-)

diff --git a/apps/showcase/assets/styles/layout/_doc.scss b/apps/showcase/assets/styles/layout/_doc.scss
index c7fabb4d4..6d9d21d1d 100644
--- a/apps/showcase/assets/styles/layout/_doc.scss
+++ b/apps/showcase/assets/styles/layout/_doc.scss
@@ -1,7 +1,7 @@
 @mixin mark() {
     border-radius: 6px;
     padding: 2px 6px;
-    font-size: .875rem;
+    font-size: 1rem;
     font-weight: 500;
     font-style: normal;
     background: var(--mark-background);
@@ -153,6 +153,10 @@
             @include doc-link();
         }
     }
+
+    li {
+        font-size: 1.125rem;
+    }
 }
 
 .doc-notification {
diff --git a/apps/showcase/doc/guides/migration/v4/changes/BreakingDoc.vue b/apps/showcase/doc/guides/migration/v4/changes/BreakingDoc.vue
index aeb706e6c..da19abf19 100644
--- a/apps/showcase/doc/guides/migration/v4/changes/BreakingDoc.vue
+++ b/apps/showcase/doc/guides/migration/v4/changes/BreakingDoc.vue
@@ -6,6 +6,7 @@
             is the only available built-in preset; however, by v4 final, two more presets named Lara and Nora would be included, as well as the Material Design theme. If you had a custom theme for v3, the theme needs to be recreated using the new
             APIs. See the customization section at <NuxtLink to="/theming/styled">styled mode</NuxtLink> for details.
         </p>
+
         <h4>Removed Components</h4>
         <ul class="flex flex-col gap-2 leading-normal">
             <li><i class="mark">TriStateCheckbox</i> | Use Checkbox with indeterminate option.</li>
@@ -23,6 +24,12 @@
             <li>The legacy Tailwind preset at <i class="mark">primevue/passthrough/tailwind</i>, migrate to the <a href="https://tailwind.primevue.org" target="_blank" rel="noopener noreferrer" class="doc-link">Tailwind Presets</a> project.</li>
         </ul>
 
+        <h4>Message and InlineMesasge</h4>
+        <p>
+            <i class="mark">InlineMessage</i> is deprecated due to overlap with the <i>Message</i>. The spacing, closable and life properties of the <i>Message</i> have breaking changes to provide <i>InlineMessage</i> functionality. Default margin is
+            removed, closable is false by default and messages do not disappear automatically.
+        </p>
+
         <h4>PT Section Names</h4>
         <p>
             The experimental PassThrough feature is not production ready, there are changes on the PT section names due to alignment with CSS classes for certain components. If when component element is another PrimeVue component <i>pc</i> prefix is
@@ -31,9 +38,9 @@
 
         <h4>Removed Features</h4>
         <ul class="flex flex-col gap-2 leading-normal">
-            <li>Sidebar/Drawer <i>size</i> property is removed, use a responsive class utilty as replacement, demos have new examples.</li>
-            <li>Rating <i>cancel</i> prop is removed as toggling the selected star value clears it.</li>
-            <li>Inplace <i>closable</i> is removed in favor of templating and <i>closeCallback</i> prop.</li>
+            <li>Sidebar/Drawer <i class="mark">size</i> property is removed, use a responsive class utilty as replacement, demos have new examples.</li>
+            <li>Rating <i class="mark">cancel</i> prop is removed as toggling the selected star value clears it.</li>
+            <li>Inplace <i class="mark">closable</i> is removed in favor of templating and <i>closeCallback</i> prop.</li>
         </ul>
     </DocSectionText>
 </template>
diff --git a/apps/showcase/doc/guides/migration/v4/changes/CompatibleDoc.vue b/apps/showcase/doc/guides/migration/v4/changes/CompatibleDoc.vue
index 2aa4c0dea..8ba7653cc 100644
--- a/apps/showcase/doc/guides/migration/v4/changes/CompatibleDoc.vue
+++ b/apps/showcase/doc/guides/migration/v4/changes/CompatibleDoc.vue
@@ -10,11 +10,13 @@
             <li><i class="mark">Sidebar</i> -> <i class="mark">Drawer</i>.</li>
         </ul>
 
-        <h4>Obsolete Components</h4>
-        <p>Components that are deprecated because of their functionality being provided by other components.</p>
+        <h4>Deprecated Components</h4>
+        <p>Components that are deprecated since their functionality is provided by other components.</p>
         <ul class="flex flex-col gap-2 leading-normal">
             <li><i class="mark">Chips</i> | Use AutoComplete with <i class="mark">multiple</i> enabled and <i class="mark">typeahead</i> disabled.</li>
             <li><i class="mark">TabMenu</i> | Use Tabs without panels.</li>
+            <li><i class="mark">Steps</i> | Use Stepper without panels.</li>
+            <li><i class="mark">InlineMessage</i> | Use Message component.</li>
             <li><i class="mark">BadgeDirective</i> | Use OverlayBadge instead.</li>
             <li><i class="mark">TabView</i> | Use the new Tabs components.</li>
             <li><i class="mark">Accordion</i> | Use with the new <i>AccordionHeader</i> and <i>AccordionContent</i> components.</li>