Update roadmap
Cagatay Civici
parent
aaebed7b65
commit
546a1acc71
|
|
@ -34,24 +34,40 @@
|
|||
</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">Slot Props</h2>
|
||||
<p class="mt-0 mb-3 line-height-3">Initate the implementation of Slot Props to provide advanced control over component internals.</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: 25%; 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">Testing</h2>
|
||||
<p class="mt-0 mb-3 line-height-3">Increase unit test coverage.</p>
|
||||
<h2 class="text-lg font-bold mt-0 mb-2">Unstyled Mode</h2>
|
||||
<p class="mt-0 mb-3 line-height-3">Introduce new unstyled mode to fully support styling with CSS libraries like Tailwind.</p>
|
||||
<div class="surface-200 border-round">
|
||||
<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">Tailwind Theme</h2>
|
||||
<p class="mt-0 mb-3 line-height-3">Implement a built-in TailwindCSS theme using the new Unstyled mode.</p>
|
||||
<div class="surface-200 border-round">
|
||||
<div class="bg-blue-500 border-round" style="width: 50%; 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 for a dynamic approach.</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">Unstyled Mode</h2>
|
||||
<p class="mt-0 mb-3 line-height-3">Introduce new unstyled mode to fully support styling with CSS libraries like Tailwind.</p>
|
||||
<h2 class="text-lg font-bold mt-0 mb-2">RTL Mode</h2>
|
||||
<p class="mt-0 mb-3 line-height-3">Implement RTL support for all components.</p>
|
||||
<div class="surface-200 border-round">
|
||||
<div class="bg-blue-500 border-round" style="width: 0%; height: 4px"></div>
|
||||
</div>
|
||||
|
|
@ -72,26 +88,32 @@
|
|||
<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">Testing</h2>
|
||||
<p class="mt-0 mb-3 line-height-3">Increase unit test coverage.</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>
|
||||
</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-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">Add 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: 0%; 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-bluegray-500" style="border-left: 6px solid">
|
||||
<h2 class="text-lg font-bold mt-0 mb-2">Theme Generator</h2>
|
||||
<p class="mt-0 mb-3 line-height-3">Create a Figma Plugin to generate themes from Figma.</p>
|
||||
<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>
|
||||
<div class="surface-200 border-round">
|
||||
<div class="bg-bluegray-500 border-round" style="width: 0%; height: 4px"></div>
|
||||
<div class="bg-indigo-500 border-round" style="width: 50%; height: 4px"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -129,24 +151,8 @@
|
|||
</div>
|
||||
<div class="flex gap-3 border-bottom-1 surface-border pb-3">
|
||||
<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 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">30+ new 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 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">New 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 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>
|
||||
|
|
@ -167,24 +173,18 @@
|
|||
</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">Styling</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>
|
||||
<p class="mt-0 mb-3 line-height-3">Open source the sass based theming api and the visual designer.</p>
|
||||
<div class="surface-200 border-round">
|
||||
<div class="bg-pink-500 border-round" style="width: 0%; height: 4px"></div>
|
||||
<div class="bg-pink-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 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">CSS Variables</h2>
|
||||
<p class="mt-0 mb-3 line-height-3">Migrate to CSS variables for a dynamic approach.</p>
|
||||
<div class="surface-200 border-round">
|
||||
<div class="bg-pink-500 border-round" style="width: 0%; height: 4px"></div>
|
||||
</div>
|
||||
</div>
|
||||
<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 Based Theme Editor</h2>
|
||||
<p class="mt-0 mb-3 line-height-3">Advanced Theme Editor with full control over the Theming API.</p>
|
||||
|
|
@ -194,7 +194,6 @@
|
|||
</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-purple-500 text-white border-round font-bold text-lg flex align-items-center justify-content-center w-14rem">Templates</div>
|
||||
|
|
@ -210,7 +209,7 @@
|
|||
<h2 class="text-lg font-bold mt-0 mb-2">Migrate to Vite</h2>
|
||||
<p class="mt-0 mb-3 line-height-3">Initiate migration of templates to Vite.</p>
|
||||
<div class="surface-200 border-round">
|
||||
<div class="bg-purple-500 border-round" style="width: 10%; height: 4px"></div>
|
||||
<div class="bg-purple-500 border-round" style="width: 100%; height: 4px"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -219,7 +218,7 @@
|
|||
<h2 class="text-lg font-bold mt-0 mb-2">Migrate to Vite</h2>
|
||||
<p class="mt-0 mb-3 line-height-3">Finish migration of templates to Vite.</p>
|
||||
<div class="surface-200 border-round">
|
||||
<div class="bg-purple-500 border-round" style="width: 0%; height: 4px"></div>
|
||||
<div class="bg-purple-500 border-round" style="width: 100%; height: 4px"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
Loading…
Reference in New Issue