From 6d50ed25def54d66244e7889eea163d23847c169 Mon Sep 17 00:00:00 2001
From: Cagatay Civici <cagatay.civici@gmail.com>
Date: Tue, 5 Sep 2023 11:38:09 +0300
Subject: [PATCH] Update roadmap

---
 .../pages/roadmap/roadmap.component.html      | 111 ++++++++----------
 .../showcase/pages/team/team.component.html   |  10 --
 2 files changed, 46 insertions(+), 75 deletions(-)

diff --git a/src/app/showcase/pages/roadmap/roadmap.component.html b/src/app/showcase/pages/roadmap/roadmap.component.html
index f55507e20c5..b24293faa6b 100644
--- a/src/app/showcase/pages/roadmap/roadmap.component.html
+++ b/src/app/showcase/pages/roadmap/roadmap.component.html
@@ -4,8 +4,7 @@ <h1>Roadmap</h1>
         <p>
             At <a href="https://www.primetek.com.tr/" class="font-semibold hover:underline text-primary">PrimeTek</a>, we are passionate about improving PrimeNG and
             would like to share our ideas for 2023 with the community. These are planned to be implemented in
-            parallel to the regular maintenance work of the library involving review of issue tickets, PRs and PrimeNG PRO support. This
-            page is updated on changes so please visit it to learn more about what is coming up next.
+            parallel to the regular maintenance work of the library involving review of issue tickets, PRs and PrimeNG PRO support.
         </p>
     </div>
 
@@ -32,48 +31,54 @@ <h2 class="text-lg font-bold mt-0 mb-2">Typings</h2>
                     </div>
                     <div class="flex-1 flex gap-3 flex-column">
                         <div class="p-3 surface-card border-round border-blue-500" style="border-left: 6px solid">
-                            <h2 class="text-lg font-bold mt-0 mb-2">Accessibility</h2>
-                            <p class="mt-0 mb-3 line-height-3">Implement WCAG Level AA compliance using PrimeVue as the reference implementation.</p>
+                            <h2 class="text-lg font-bold mt-0 mb-2">Accessibility - I</h2>
+                            <p class="mt-0 mb-3 line-height-3">Initiate WCAG Level AA compliance using PrimeVue as the reference implementation.</p>
                             <div class="surface-200 border-round">
-                                <div class="bg-blue-500 border-round" style="width: 10%; height: 4px"></div>
+                                <div class="bg-blue-500 border-round" style="width: 100%; height: 4px"></div>
                             </div>
                         </div>
                     </div>
                     <div class="flex-1 flex gap-3 flex-column">
                         <div class="p-3 surface-card border-round border-blue-500" style="border-left: 6px solid">
-                            <h2 class="text-lg font-bold mt-0 mb-2">Pass Through Props</h2>
-                            <p class="mt-0 mb-3 line-height-3"> Initate the implementation of Pass Through Props to provide advanced control over component internals.</p>
+                            <h2 class="text-lg font-bold mt-0 mb-2">Accessibility - II</h2>
+                            <p class="mt-0 mb-3 line-height-3">Finalize WCAG Level AA compliance for all components with screen reader and keyboard support based on community feedback and audit tools.</p>
                             <div class="surface-200 border-round">
-                                <div class="bg-blue-500 border-round" style="width: 0%; height: 4px"></div>
+                                <div class="bg-blue-500 border-round" style="width: 90%; height: 4px"></div>
                             </div>
                         </div>
                         <div class="p-3 surface-card border-round border-blue-500" style="border-left: 6px solid">
-                            <h2 class="text-lg font-bold mt-0 mb-2">Unstyled Mode</h2>
-                            <p class="mt-0 mb-3 line-height-3">Implementation of the Unstyled Mode to support libraries like Tailwind.</p>
+                            <h2 class="text-lg font-bold mt-0 mb-2">New Design Tokens</h2>
+                            <p class="mt-0 mb-3 line-height-3">Introduce new design tokens for styled mode.</p>
                             <div class="surface-200 border-round">
-                                <div class="bg-blue-500 border-round" style="width: 0%; height: 4px"></div>
+                                <div class="bg-blue-500 border-round" style="width: 90%; height: 4px"></div>
                             </div>
                         </div>
+                    </div>
+                    <div class="flex-1 flex gap-3 flex-column">
                         <div class="p-3 surface-card border-round border-blue-500" style="border-left: 6px solid">
                             <h2 class="text-lg font-bold mt-0 mb-2">CSS Variables</h2>
-                            <p class="mt-0 mb-3 line-height-3">Migrate to CSS variables from SCSS variables.</p>
+                            <p class="mt-0 mb-3 line-height-3">Implement design tokens as CSS variables instead of SCSS.</p>
+                            <div class="surface-200 border-round">
+                                <div class="bg-blue-500 border-round" style="width: 0%; height: 4px"></div>
+                            </div>
+                        </div>
+                        <div class="p-3 surface-card border-round border-blue-500" style="border-left: 6px solid">
+                            <h2 class="text-lg font-bold mt-0 mb-2">New Styled Mode</h2>
+                            <p class="mt-0 mb-3 line-height-3">Move theming into core to replace external sass repo.</p>
                             <div class="surface-200 border-round">
                                 <div class="bg-blue-500 border-round" style="width: 0%; height: 4px"></div>
                             </div>
                         </div>
-                    </div>
-                    <div class="flex-1 flex gap-3 flex-column">
                         <div class="p-3 surface-card border-round border-blue-500" style="border-left: 6px solid">
-                            <h2 class="text-lg font-bold mt-0 mb-2">DragDrop Utils</h2>
-                            <p class="mt-0 mb-3 line-height-3">Standalone Drag and Drop utilities that are also
-                                integrated within certain components e.g. Tree.</p>
+                            <h2 class="text-lg font-bold mt-0 mb-2">Pass Through Props</h2>
+                            <p class="mt-0 mb-3 line-height-3"> Initate the implementation of Pass Through Props to provide advanced control over component internals.</p>
                             <div class="surface-200 border-round">
                                 <div class="bg-blue-500 border-round" style="width: 0%; height: 4px"></div>
                             </div>
                         </div>
                         <div class="p-3 surface-card border-round border-blue-500" style="border-left: 6px solid">
-                            <h2 class="text-lg font-bold mt-0 mb-2">Full Calendar</h2>
-                            <p class="mt-0 mb-3 line-height-3">New Full Calendar / Scheduler component.</p>
+                            <h2 class="text-lg font-bold mt-0 mb-2">Unstyled Mode</h2>
+                            <p class="mt-0 mb-3 line-height-3">Implementation of the Unstyled Mode to support libraries like Tailwind.</p>
                             <div class="surface-200 border-round">
                                 <div class="bg-blue-500 border-round" style="width: 0%; height: 4px"></div>
                             </div>
@@ -81,13 +86,12 @@ <h2 class="text-lg font-bold mt-0 mb-2">Full Calendar</h2>
                     </div>
                 </div>
                 <div class="flex gap-3 border-bottom-1 surface-border pb-3">
-                    <div
-                        class="flex-shrink-0 p-3 bg-indigo-500 text-white border-round font-bold text-lg flex align-items-center justify-content-center w-14rem">
-                        Figma UI Kit</div>
+                    <div class="flex-shrink-0 p-3 bg-indigo-500 text-white border-round font-bold text-lg flex align-items-center justify-content-center w-14rem">Figma UI Kit</div>
+                    <div class="flex-1 flex gap-3 flex-column"></div>
                     <div class="flex-1 flex gap-3 flex-column">
                         <div class="p-3 surface-card border-round border-indigo-500" style="border-left: 6px solid">
                             <h2 class="text-lg font-bold mt-0 mb-2">Tokens</h2>
-                            <p class="mt-0 mb-3 line-height-3">Initiate support for Figma Tokens.</p>
+                            <p class="mt-0 mb-3 line-height-3">Initiated support for Figma Tokens.</p>
                             <div class="surface-200 border-round">
                                 <div class="bg-indigo-500 border-round" style="width: 100%; height: 4px"></div>
                             </div>
@@ -96,14 +100,21 @@ <h2 class="text-lg font-bold mt-0 mb-2">Tokens</h2>
                     <div class="flex-1 flex gap-3 flex-column">
                         <div class="p-3 surface-card border-round border-indigo-500" style="border-left: 6px solid">
                             <h2 class="text-lg font-bold mt-0 mb-2">Tokens</h2>
-                            <p class="mt-0 mb-3 line-height-3">Finalize Figma Tokens.</p>
+                            <p class="mt-0 mb-3 line-height-3">Initial release of Figma Tokens.</p>
                             <div class="surface-200 border-round">
-                                <div class="bg-indigo-500 border-round" style="width: 50%; height: 4px"></div>
+                                <div class="bg-indigo-500 border-round" style="width: 100%; height: 4px"></div>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="flex-1 flex gap-3 flex-column">
+                        <div class="p-3 surface-card border-round border-indigo-500" style="border-left: 6px solid">
+                            <h2 class="text-lg font-bold mt-0 mb-2">Tokens</h2>
+                            <p class="mt-0 mb-3 line-height-3">Sync new design tokens.</p>
+                            <div class="surface-200 border-round">
+                                <div class="bg-indigo-500 border-round" style="width: 0%; height: 4px"></div>
                             </div>
                         </div>
                     </div>
-                    <div class="flex-1 flex gap-3 flex-column"></div>
-                    <div class="flex-1 flex gap-3 flex-column"></div>
                 </div>
                 <div class="flex gap-3 border-bottom-1 surface-border pb-3">
                     <div class="flex-shrink-0 p-3 bg-teal-500 text-white border-round font-bold text-lg flex align-items-center justify-content-center w-14rem">SHOWCASE</div>
@@ -133,21 +144,9 @@ <h2 class="text-lg font-bold mt-0 mb-2">Documentation</h2>
                     <div
                         class="flex-shrink-0 p-3 bg-orange-500 text-white border-round font-bold text-lg flex align-items-center justify-content-center w-14rem">
                         PrimeBlocks</div>
-                    <div class="flex-1 flex gap-3 flex-column">
-                        
-                    </div>
-                    <div class="flex-1 flex gap-3 flex-column">
-                       
-                    </div>
-                    <div class="flex-1 flex gap-3 flex-column">
-                        <div class="p-3 surface-card border-round border-orange-500" style="border-left: 6px solid">
-                            <h2 class="text-lg font-bold mt-0 mb-2">Blocks Update</h2>
-                            <p class="mt-0 mb-3 line-height-3">More UI Blocks.</p>
-                            <div class="surface-200 border-round">
-                                <div class="bg-orange-500 border-round" style="width: 0%; height: 4px"></div>
-                            </div>
-                        </div>
-                    </div>
+                    <div class="flex-1 flex gap-3 flex-column"></div>
+                    <div class="flex-1 flex gap-3 flex-column"></div>
+                    <div class="flex-1 flex gap-3 flex-column"></div>
                     <div class="flex-1 flex gap-3 flex-column">
                         <div class="p-3 surface-card border-round border-orange-500" style="border-left: 6px solid">
                             <h2 class="text-lg font-bold mt-0 mb-2">Blocks Update</h2>
@@ -159,9 +158,7 @@ <h2 class="text-lg font-bold mt-0 mb-2">Blocks Update</h2>
                     </div>
                 </div>
                 <div class="flex gap-3 border-bottom-1 surface-border pb-3">
-                    <div
-                        class="flex-shrink-0 p-3 bg-pink-500 text-white border-round font-bold text-lg flex align-items-center justify-content-center w-14rem">
-                        Designer</div>
+                    <div class="flex-shrink-0 p-3 bg-pink-500 text-white border-round font-bold text-lg flex align-items-center justify-content-center w-14rem">Designer</div>
                     <div class="flex-1 flex gap-3 flex-column">
                         <div class="p-3 surface-card border-round border-pink-500" style="border-left: 6px solid">
                             <h2 class="text-lg font-bold mt-0 mb-2">Open Source Designer</h2>
@@ -171,33 +168,17 @@ <h2 class="text-lg font-bold mt-0 mb-2">Open Source Designer</h2>
                             </div>
                         </div>
                     </div>
-                    <div class="flex-1 flex gap-3 flex-column">
-                    </div>
+                    <div class="flex-1 flex gap-3 flex-column"></div>
+                    <div class="flex-1 flex gap-3 flex-column"></div>
                     <div class="flex-1 flex gap-3 flex-column">
                         <div class="p-3 surface-card border-round border-pink-500" style="border-left: 6px solid">
-                            <h2 class="text-lg font-bold mt-0 mb-2">New UI for Theme Designer</h2>
-                            <p class="mt-0 mb-3 line-height-3">Create a new UI based theme designer with full contol over theming API to replace current Visual Editor.</p>
+                            <h2 class="text-lg font-bold mt-0 mb-2">New UI Based Theme Editor</h2>
+                            <p class="mt-0 mb-3 line-height-3">Advanced Theme Editor with full control over the Theming API.</p>
                             <div class="surface-200 border-round">
                                 <div class="bg-pink-500 border-round" style="width: 0%; height: 4px"></div>
                             </div>
                         </div>
                     </div>
-                    <div class="flex-1 flex gap-3 flex-column"></div>
-                </div>
-                <div class="flex gap-3 border-bottom-1 surface-border pb-3">
-                    <div class="flex-shrink-0 p-3 bg-purple-500 text-white border-round font-bold text-lg flex align-items-center justify-content-center w-14rem">Templates</div>
-                    <div class="flex-1 flex gap-3 flex-column">
-                        <div class="p-3 surface-card border-round border-purple-500" style="border-left: 6px solid">
-                            <h2 class="text-lg font-bold mt-0 mb-2">Next-Gen Templates</h2>
-                            <p class="mt-0 mb-3 line-height-3">Update more templates to NextGen standards set by <a href="https://www.youtube.com/watch?v=yl2f8KKY204" class="text-primary hover:underline font-semibold">Apollo</a>.</p>
-                            <div class="surface-200 border-round">
-                                <div class="bg-purple-500 border-round" style="width: 100%; height: 4px"></div>
-                            </div>
-                        </div>
-                    </div>
-                    <div class="flex-1 flex gap-3 flex-column"></div>
-                    <div class="flex-1 flex gap-3 flex-column"></div>
-                    <div class="flex-1 flex gap-3 flex-column"></div>
                 </div>
             </div>
         </div>
diff --git a/src/app/showcase/pages/team/team.component.html b/src/app/showcase/pages/team/team.component.html
index 912a7e45aa3..704a8752c7e 100644
--- a/src/app/showcase/pages/team/team.component.html
+++ b/src/app/showcase/pages/team/team.component.html
@@ -82,21 +82,11 @@ <h1>Meet the Team</h1>
                 <span class="mb-2 text-xl font-bold">Buğra Beydüz</span>
                 <span>Front-End Developer</span>
             </div>
-            <div class="flex flex-column align-items-center flex-auto">
-                <img src="https://primefaces.org/cdn/primeng/images/team/bahadir.jpg" class="border-circle mb-4" alt="Bahadır Sofuoğlu" />
-                <span class="mb-2 text-xl font-bold">Bahadır Sofuoğlu</span>
-                <span>Front-End Developer</span>
-            </div>
             <div class="flex flex-column align-items-center flex-auto">
                 <img src="https://primefaces.org/cdn/primeng/images/team/aliriza.jpg" class="border-circle mb-4" alt="Alirıza Gücal" />
                 <span class="mb-2 text-xl font-bold">Ali Rıza Gücal</span>
                 <span>Front-End Developer</span>
             </div>
-            <div class="flex flex-column align-items-center flex-auto">
-                <img src="https://primefaces.org/cdn/primeng/images/team/olgu.jpg" class="border-circle mb-4" alt="Olgu Başak" />
-                <span class="mb-2 text-xl font-bold">Olgu Başak</span>
-                <span>Java Web Developer</span>
-            </div>
             <div class="flex flex-column align-items-center flex-auto">
                 <img src="https://primefaces.org/cdn/primeng/images/team/furkan.jpg" class="border-circle mb-4" alt="Furkan Seziş" />
                 <span class="mb-2 text-xl font-bold">Furkan Seziş</span>