From 491a0d16e8aa3ee2d8eb5f464f65bcf2e991f597 Mon Sep 17 00:00:00 2001
From: Cagatay Civici <cagatay.civici@gmail.com>
Date: Fri, 1 Nov 2024 20:06:36 +0300
Subject: [PATCH] Update roadmap

---
 apps/showcase/doc/inputgroup/MultipleDoc.vue |  8 ++---
 apps/showcase/pages/roadmap/index.vue        | 36 ++++++--------------
 2 files changed, 15 insertions(+), 29 deletions(-)

diff --git a/apps/showcase/doc/inputgroup/MultipleDoc.vue b/apps/showcase/doc/inputgroup/MultipleDoc.vue
index d47ea401b..8d604854e 100644
--- a/apps/showcase/doc/inputgroup/MultipleDoc.vue
+++ b/apps/showcase/doc/inputgroup/MultipleDoc.vue
@@ -3,7 +3,7 @@
         <p>Multiple add-ons can be placed inside the same group.</p>
     </DocSectionText>
     <div class="card flex justify-center">
-        <InputGroup class="sm:w-96">
+        <InputGroup class="sm:!w-96">
             <InputGroupAddon>
                 <i class="pi pi-clock"></i>
             </InputGroupAddon>
@@ -24,7 +24,7 @@ export default {
         return {
             code: {
                 basic: `
-<InputGroup class="sm:w-96">
+<InputGroup class="sm:!w-96">
     <InputGroupAddon>
         <i class="pi pi-clock"></i>
     </InputGroupAddon>
@@ -39,7 +39,7 @@ export default {
                 options: `
 <template>
     <div class="card flex justify-center">
-        <InputGroup class="sm:w-96">
+        <InputGroup class="sm:!w-96">
             <InputGroupAddon>
                 <i class="pi pi-clock"></i>
             </InputGroupAddon>
@@ -56,7 +56,7 @@ export default {
                 composition: `
 <template>
     <div class="card flex justify-center">
-        <InputGroup class="sm:w-96">
+        <InputGroup class="sm:!w-96">
             <InputGroupAddon>
                 <i class="pi pi-clock"></i>
             </InputGroupAddon>
diff --git a/apps/showcase/pages/roadmap/index.vue b/apps/showcase/pages/roadmap/index.vue
index 5a12d0418..b5bdde0d9 100644
--- a/apps/showcase/pages/roadmap/index.vue
+++ b/apps/showcase/pages/roadmap/index.vue
@@ -70,42 +70,28 @@
                                 <h2 class="text-lg font-bold mt-0 mb-2">Form Library</h2>
                                 <p class="mt-0 mb-4 leading-normal">Built-in form library with validations.</p>
                                 <div class="bg-surface-200 rounded">
-                                    <div class="bg-blue-500 rounded" style="width: 25%; height: 4px"></div>
+                                    <div class="bg-blue-500 rounded" style="width: 100%; height: 4px"></div>
                                 </div>
                             </div>
                         </div>
                         <div class="flex-1 flex gap-4 flex-col">
-                            <div class="p-4 bg-surface-0 dark:bg-surface-900 rounded border-blue-500 border-l-8">
-                                <h2 class="text-lg font-bold mt-0 mb-2">Components</h2>
-                                <p class="mt-0 mb-4 leading-normal">New Carousel, Tab Orientations, Updated Menu, Navigation Drawer...</p>
-                                <div class="bg-surface-200 rounded">
-                                    <div class="bg-blue-500 rounded" style="width: 0%; height: 4px"></div>
-                                </div>
-                            </div>
                             <div class="p-4 bg-surface-0 dark:bg-surface-900 rounded border-blue-500 border-l-8">
                                 <h2 class="text-lg font-bold mt-0 mb-2">Tailwind CSS Presets</h2>
-                                <p class="mt-0 mb-4 leading-normal">Simplified usage in unstyled mode, typescript support, install via npx.</p>
+                                <p class="mt-0 mb-4 leading-normal">Simplified usage in unstyled mode.</p>
                                 <div class="bg-surface-200 rounded">
-                                    <div class="bg-blue-500 rounded" style="width: 0%; height: 4px"></div>
-                                </div>
-                            </div>
-                            <div class="p-4 bg-surface-0 dark:bg-surface-900 rounded border-blue-500 border-l-8">
-                                <h2 class="text-lg font-bold mt-0 mb-2">Drag Drop Utils</h2>
-                                <p class="mt-0 mb-4 leading-normal">Drag and Drop utilities.</p>
-                                <div class="bg-surface-200 rounded">
-                                    <div class="bg-blue-500 rounded" style="width: 0%; height: 4px"></div>
+                                    <div class="bg-blue-500 rounded" style="width: 100%; height: 4px"></div>
                                 </div>
                             </div>
                             <div class="p-4 bg-surface-0 dark:bg-surface-900 rounded border-blue-500 border-l-8">
                                 <h2 class="text-lg font-bold mt-0 mb-2">RTL Support</h2>
                                 <p class="mt-0 mb-4 leading-normal">Right-to-left layout option for components.</p>
                                 <div class="bg-surface-200 rounded">
-                                    <div class="bg-blue-500 rounded" style="width: 0%; height: 4px"></div>
+                                    <div class="bg-blue-500 rounded" style="width: 100%; height: 4px"></div>
                                 </div>
                             </div>
                             <div class="p-4 bg-surface-0 dark:bg-surface-900 rounded border-blue-500 border-l-8">
-                                <h2 class="text-lg font-bold mt-0 mb-2">PrimeVue+ Suite | 2025</h2>
-                                <p class="mt-0 mb-4 leading-normal">Gantt Chart, Flow Chart, Sheet, PDF Viewer, Calendar, Timeline, Editor.</p>
+                                <h2 class="text-lg font-bold mt-0 mb-2">PrimeVue+ Suite -> 2025</h2>
+                                <p class="mt-0 mb-4 leading-normal">Gantt Chart, Flow Chart, Plot Charts, Graphs, PDF Viewer, Event Calendar, Timeline, Html Editor.</p>
                                 <div class="bg-surface-200 rounded">
                                     <div class="bg-blue-500 rounded" style="width: 0%; height: 4px"></div>
                                 </div>
@@ -129,7 +115,7 @@
                                 <h2 class="text-lg font-bold mt-0 mb-2">New Figma Tokens - Phase 2</h2>
                                 <p class="mt-0 mb-4 leading-normal">Update tokens to sync with the new styled mode.</p>
                                 <div class="bg-surface-200 rounded">
-                                    <div class="bg-indigo-500 rounded" style="width: 50%; height: 4px"></div>
+                                    <div class="bg-indigo-500 rounded" style="width: 100%; height: 4px"></div>
                                 </div>
                             </div>
                         </div>
@@ -152,7 +138,7 @@
                                 <h2 class="text-lg font-bold mt-0 mb-2">Documentation</h2>
                                 <p class="mt-0 mb-4 leading-normal">Interactive component viewer to explore tokens and pt sections.</p>
                                 <div class="bg-surface-200 rounded">
-                                    <div class="bg-teal-500 rounded" style="width: 25%; height: 4px"></div>
+                                    <div class="bg-teal-500 rounded" style="width: 100%; height: 4px"></div>
                                 </div>
                             </div>
                         </div>
@@ -176,7 +162,7 @@
                                 <h2 class="text-lg font-bold mt-0 mb-2">Genesis</h2>
                                 <p class="mt-0 mb-4 leading-normal">Brand new multi-purpose template.</p>
                                 <div class="bg-surface-200 rounded">
-                                    <div class="bg-teal-500 rounded" style="width: 0%; height: 4px"></div>
+                                    <div class="bg-teal-500 rounded" style="width: 50%; height: 4px"></div>
                                 </div>
                             </div>
                         </div>
@@ -190,14 +176,14 @@
                                 <h2 class="text-lg font-bold mt-0 mb-2">Tailwind Blocks</h2>
                                 <p class="mt-0 mb-4 leading-normal">Migrate Blocks to v4 and Tailwind CSS.</p>
                                 <div class="bg-surface-200 rounded">
-                                    <div class="bg-orange-500 rounded" style="width: 90%; height: 4px"></div>
+                                    <div class="bg-orange-500 rounded" style="width: 100%; height: 4px"></div>
                                 </div>
                             </div>
                             <div class="p-4 bg-surface-0 dark:bg-surface-900 rounded border-orange-500 border-l-8">
                                 <h2 class="text-lg font-bold mt-0 mb-2">Online App</h2>
                                 <p class="mt-0 mb-4 leading-normal">Implement an app to access the blocks instead of an offline download.</p>
                                 <div class="bg-surface-200 rounded">
-                                    <div class="bg-orange-500 rounded" style="width: 90%; height: 4px"></div>
+                                    <div class="bg-orange-500 rounded" style="width: 100%; height: 4px"></div>
                                 </div>
                             </div>
                         </div>