From b7feb8b9c5db32e13937bbebd4491d11e594b79e Mon Sep 17 00:00:00 2001 From: ariflogs Date: Sun, 16 Mar 2025 10:43:12 +0600 Subject: [PATCH] moved tailwind v3 -> v4 --- app/(docs)/docs/[[...slug]]/page.tsx | 2 +- app/(marketing)/blogs/[slug]/page.tsx | 8 +- app/(marketing)/page.tsx | 42 +- app/global.css | 85 ++- app/layout.tsx | 8 +- components/CodeBlock.tsx | 2 +- components/ComponentInstall.tsx | 6 +- components/ComponentShowcase.tsx | 10 +- components/JoinNewsletter.tsx | 2 +- components/MDX.tsx | 6 +- components/TopNav.tsx | 4 +- components/ui/Accordion.tsx | 2 +- components/ui/Alert.tsx | 4 +- components/ui/Avatar.tsx | 2 +- components/ui/Badge.tsx | 4 +- components/ui/Button.tsx | 4 +- components/ui/Card.tsx | 2 +- components/ui/Checkbox.tsx | 2 +- components/ui/Dialog.tsx | 2 +- components/ui/IconButton.tsx | 4 +- components/ui/Input.tsx | 2 +- components/ui/Menu.tsx | 2 +- components/ui/ProductCard.tsx | 5 +- components/ui/Radio.tsx | 2 +- components/ui/Select.tsx | 4 +- components/ui/Switch.tsx | 4 +- components/ui/Tab.tsx | 2 +- components/ui/Text.tsx | 2 +- components/ui/Textarea.tsx | 2 +- content/docs/install/nextjs.mdx | 155 ++---- package.json | 3 +- pnpm-lock.yaml | 527 +++++++++--------- postcss.config.mjs | 2 +- preview/components/badge-style-rounded.tsx | 2 +- preview/components/input-style-default.tsx | 2 +- preview/components/tab-style-default.tsx | 6 +- preview/components/textarea-style-default.tsx | 2 +- public/r/accordion.json | 2 +- public/r/alert.json | 2 +- public/r/avatar.json | 2 +- public/r/badge.json | 2 +- public/r/button.json | 2 +- public/r/card.json | 2 +- public/r/checkbox.json | 2 +- public/r/dialog.json | 2 +- public/r/input.json | 2 +- public/r/menu.json | 2 +- public/r/radio.json | 2 +- public/r/select.json | 2 +- public/r/switch.json | 2 +- public/r/tab.json | 2 +- public/r/text.json | 2 +- public/r/textarea.json | 2 +- tailwind.config.ts | 48 -- 54 files changed, 477 insertions(+), 528 deletions(-) delete mode 100644 tailwind.config.ts diff --git a/app/(docs)/docs/[[...slug]]/page.tsx b/app/(docs)/docs/[[...slug]]/page.tsx index f297380..0fd1f35 100644 --- a/app/(docs)/docs/[[...slug]]/page.tsx +++ b/app/(docs)/docs/[[...slug]]/page.tsx @@ -48,7 +48,7 @@ export default function page({ params }: IProps) {
{doc.title} -

{doc.description}

+

{doc.description}

{doc.links && (
{doc.links?.api_reference && ( diff --git a/app/(marketing)/blogs/[slug]/page.tsx b/app/(marketing)/blogs/[slug]/page.tsx index 1c8e5e2..204a7e7 100644 --- a/app/(marketing)/blogs/[slug]/page.tsx +++ b/app/(marketing)/blogs/[slug]/page.tsx @@ -57,13 +57,15 @@ export default function page({ params }: IProps) { return (
- + {format(new Date(blog.publishedAt), "dd, MMMM yyyy")} {blog.title} -

{blog.description}

+

+ {blog.description} +

{blog.title} @{blog.author.x} diff --git a/app/(marketing)/page.tsx b/app/(marketing)/page.tsx index 7daf833..1485dc2 100644 --- a/app/(marketing)/page.tsx +++ b/app/(marketing)/page.tsx @@ -60,15 +60,9 @@ export default async function Home() {
- + - Checkout Retro UI Figma Kit{" "} + We upgraded to TailwindCSS v4{" "} @@ -80,7 +74,7 @@ export default async function Home() { stand out! -

+

Retro styled component library based on React and TailwindCSS. Comes with 40+ free UI components that you can just copy paste into your projects. @@ -187,14 +181,14 @@ export default async function Home() { Easily Customize to Your Own Needs! 🛠️ -

- +
+ Copy-Paste Ready: Components that you can just copy paste. - + Tailwind Based: Customizable with Tailwind CSS. - + Type Safe: Typescript support for all components.
@@ -292,20 +286,20 @@ export default async function Home() {
-
+
The Figma UI Kit You Were Looking For! -
- +
+ - Based on the design foundation of RetroUI. - + - Comes with 60+ UI elements like cards, modals, stats, etc . - + - Get Lifetime update of new versions.
@@ -329,11 +323,11 @@ export default async function Home() {
-
+
Community Contributors - + RetroUI core is free and open-source, and it is made possible by our awesome contributors. @@ -378,23 +372,23 @@ export default async function Home() {