[PR #4855] [MERGED] chore(demo): migrate to tailwind v4 #31220

Closed
opened 2026-04-17 22:07:32 -05:00 by GiteaMirror · 0 comments
Owner

📋 Pull Request Information

Original PR: https://github.com/better-auth/better-auth/pull/4855
Author: @himself65
Created: 9/23/2025
Status: Merged
Merged: 9/23/2025
Merged by: @himself65

Base: canaryHead: himself65/2025/09/23/demo


📝 Commits (2)

📊 Changes

26 files changed (+138 additions, -135 deletions)

View changed files

📝 demo/nextjs/app/(auth)/forget-password/page.tsx (+1 -1)
📝 demo/nextjs/app/accept-invitation/[id]/page.tsx (+1 -1)
📝 demo/nextjs/app/dashboard/change-plan.tsx (+4 -4)
📝 demo/nextjs/app/dashboard/organization-card.tsx (+2 -2)
📝 demo/nextjs/app/dashboard/upgrade-button.tsx (+2 -2)
📝 demo/nextjs/app/features.tsx (+1 -1)
📝 demo/nextjs/app/globals.css (+53 -54)
📝 demo/nextjs/components/blocks/pricing.tsx (+3 -3)
📝 demo/nextjs/components/theme-toggle.tsx (+1 -1)
📝 demo/nextjs/components/ui/canvas-reveal-effect.tsx (+1 -1)
📝 demo/nextjs/components/ui/chart.tsx (+2 -2)
📝 demo/nextjs/components/ui/context-menu.tsx (+5 -5)
📝 demo/nextjs/components/ui/dropdown-menu.tsx (+7 -7)
📝 demo/nextjs/components/ui/input-otp.tsx (+1 -1)
📝 demo/nextjs/components/ui/menubar.tsx (+5 -5)
📝 demo/nextjs/components/ui/navigation-menu.tsx (+4 -4)
📝 demo/nextjs/components/ui/scroll-area.tsx (+2 -2)
📝 demo/nextjs/components/ui/select.tsx (+4 -4)
📝 demo/nextjs/components/ui/separator.tsx (+1 -1)
📝 demo/nextjs/components/ui/tabs2.tsx (+2 -2)

...and 6 more files

📄 Description

Summary by cubic

Migrated the demo to Tailwind CSS v4, updating utility syntax and data variant selectors across components. This keeps styles aligned with v4 and removes deprecated patterns.

  • Refactors

    • Replaced legacy gradient and mask utilities with v4 equivalents (bg-linear-to-*, mask-[radial-gradient(...)], rotate-y-10).
    • Converted data selector variants to v4 shorthand (data-disabled, data-active, data-inset, has-data-[state=checked], group-data).
    • Normalized arbitrary values and CSS vars to v4 tokens (min-w-32, h-px, p-px, top-px, z-1; h-(--radix-...), bg-(--color-bg)).
    • Removed tw-animate-css import and cleaned up classes for consistency (grow, shrink-0, border).
  • Dependencies

    • Updated pnpm lock; jiti bumped to 2.6.0.
    • Trimmed optional transitive peer deps from Metro (bufferutil, utf-8-validate).

🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.

## 📋 Pull Request Information **Original PR:** https://github.com/better-auth/better-auth/pull/4855 **Author:** [@himself65](https://github.com/himself65) **Created:** 9/23/2025 **Status:** ✅ Merged **Merged:** 9/23/2025 **Merged by:** [@himself65](https://github.com/himself65) **Base:** `canary` ← **Head:** `himself65/2025/09/23/demo` --- ### 📝 Commits (2) - [`9c1be71`](https://github.com/better-auth/better-auth/commit/9c1be7185c28567c7b0f1fdafb0f4cb0f790abb7) chore(demo): migrate to tailwind v4 - [`d7bc6ba`](https://github.com/better-auth/better-auth/commit/d7bc6ba9bc526fbd73087cf3d9aaca671600feed) chore: migrate ### 📊 Changes **26 files changed** (+138 additions, -135 deletions) <details> <summary>View changed files</summary> 📝 `demo/nextjs/app/(auth)/forget-password/page.tsx` (+1 -1) 📝 `demo/nextjs/app/accept-invitation/[id]/page.tsx` (+1 -1) 📝 `demo/nextjs/app/dashboard/change-plan.tsx` (+4 -4) 📝 `demo/nextjs/app/dashboard/organization-card.tsx` (+2 -2) 📝 `demo/nextjs/app/dashboard/upgrade-button.tsx` (+2 -2) 📝 `demo/nextjs/app/features.tsx` (+1 -1) 📝 `demo/nextjs/app/globals.css` (+53 -54) 📝 `demo/nextjs/components/blocks/pricing.tsx` (+3 -3) 📝 `demo/nextjs/components/theme-toggle.tsx` (+1 -1) 📝 `demo/nextjs/components/ui/canvas-reveal-effect.tsx` (+1 -1) 📝 `demo/nextjs/components/ui/chart.tsx` (+2 -2) 📝 `demo/nextjs/components/ui/context-menu.tsx` (+5 -5) 📝 `demo/nextjs/components/ui/dropdown-menu.tsx` (+7 -7) 📝 `demo/nextjs/components/ui/input-otp.tsx` (+1 -1) 📝 `demo/nextjs/components/ui/menubar.tsx` (+5 -5) 📝 `demo/nextjs/components/ui/navigation-menu.tsx` (+4 -4) 📝 `demo/nextjs/components/ui/scroll-area.tsx` (+2 -2) 📝 `demo/nextjs/components/ui/select.tsx` (+4 -4) 📝 `demo/nextjs/components/ui/separator.tsx` (+1 -1) 📝 `demo/nextjs/components/ui/tabs2.tsx` (+2 -2) _...and 6 more files_ </details> ### 📄 Description <!-- This is an auto-generated description by cubic. --> ## Summary by cubic Migrated the demo to Tailwind CSS v4, updating utility syntax and data variant selectors across components. This keeps styles aligned with v4 and removes deprecated patterns. - **Refactors** - Replaced legacy gradient and mask utilities with v4 equivalents (bg-linear-to-*, mask-[radial-gradient(...)], rotate-y-10). - Converted data selector variants to v4 shorthand (data-disabled, data-active, data-inset, has-data-[state=checked], group-data). - Normalized arbitrary values and CSS vars to v4 tokens (min-w-32, h-px, p-px, top-px, z-1; h-(--radix-...), bg-(--color-bg)). - Removed tw-animate-css import and cleaned up classes for consistency (grow, shrink-0, border). - **Dependencies** - Updated pnpm lock; jiti bumped to 2.6.0. - Trimmed optional transitive peer deps from Metro (bufferutil, utf-8-validate). <!-- End of auto-generated description by cubic. --> --- <sub>🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.</sub>
GiteaMirror added the pull-request label 2026-04-17 22:07:32 -05:00
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: github-starred/better-auth#31220