next: Tailwind v4 by huntabyte · Pull Request #1770 · huntabyte/shadcn-svelte

huntabyte · 2025-03-18T13:53:19Z

We'll use this branch to work towards Tailwind v4 support before merging into @next.

In addition to Tailwind 4 support, we can also bring the CLI up to parity with the original, supporting external components, updated docs, etc. 😁

Due Outs

CLI

shadcn-svelte registry build tests
shadcn-svelte add <external_x_y_or_z_types> tests
Backward compatibility for existing projects that have a components.json with Tailwind v3 and Svelte v5
Gracefully handle shadcn-svelte init for projects that have Tailwind v3 and Svelte 5
Handle optional peer dependencies
Handle @types/<dep> with registry build script
Update specific pinned tailwind v3/svelte 5 init CLI version (the version right before we merge this branch)

Docs

Accurately document the registry additions
Update CLI docs with new commands/args
Update components.json docs
Charts docs page(s)
Update blocks
Pin layerchart@next to the latest version before merge
Scrub all install commands for proper versions (like sv)
Improve handling of chart themes/themes for copying?

Components

Range Calendar styles are off compared to https://v4.shadcn.com

changeset-bot · 2025-03-18T13:53:23Z

🦋 Changeset detected

Latest commit: ad4cd6b

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 1 package

Name	Type
shadcn-svelte	Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

github-actions · 2025-03-18T13:55:57Z

built with Refined Cloudflare Pages Action

⚡ Cloudflare Pages Deployment

Name	Status	Preview	Last Commit
shadcn-svelte	✅ Ready (View Log)	Visit Preview	`ad4cd6b`

bitaccesscomau · 2025-03-18T14:38:08Z

Do we have a list of what is currently broken/requiring review? I just finished migrating to Tailwind 4 on Svelte 4 and despite some initial config issues with the border-border css class and converting to the new HSL value syntax it all seems to be working well!

Wombosvideo · 2025-03-19T18:25:27Z

data-[orientation='horizontal'] doesn't need single quotes: data-[orientation=horizontal]

Yup none of the components have been touched yet all the work so far is on the CLI.

Also I've noticed a weird issue when using the vertical slider in a modal or drawer on mobile: The SliderPrimitive.Range is moved to the right, making only about half of it visible.

This can be fixed by adding the class data-[orientation=vertical]:left-0

* ts-blank-space issues * fix blank space * format and lint * fix update

Co-authored-by: AdrianGonz97 <31664583+AdrianGonz97@users.noreply.github.com>

…ecifier` (#1910)

Co-authored-by: AdrianGonz97 <31664583+AdrianGonz97@users.noreply.github.com>

Co-authored-by: Hunter Johnston <johnstonhuntera@gmail.com>

Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>

huntabyte · 2025-05-18T04:58:47Z

Later today (5/18) - we ship 🚀

p-arndt · 2025-05-18T19:53:29Z

Later today (5/18) - we ship 🚀

Today is almost over ? Can't wait 👍🏼

laGameTV · 2025-05-18T20:09:05Z

Later today (5/18) - we ship 🚀

Today is almost over ? Can't wait 👍🏼

It's only 16:09 for him 😄

p-arndt · 2025-05-18T20:11:58Z

Later today (5/18) - we ship 🚀

Today is almost over ? Can't wait 👍🏼

It's only 16:09 for him 😄

oh damn - well makes sense haha 😄

Co-authored-by: CokaKoala <31664583+AdrianGonz97@users.noreply.github.com>

init tailwind 4 branch

2099933

github-actions Bot deployed to Preview March 18, 2025 13:55 View deployment

feat(v4): Update CLI for tailwindcss@v4 (#1771)

a9a137b

github-actions Bot deployed to Preview March 18, 2025 21:55 View deployment

Stadly mentioned this pull request Mar 19, 2025

Tailwind 4 support #1643

Closed

1 task

Wombosvideo reviewed Mar 19, 2025

View reviewed changes

enqqi mentioned this pull request Mar 20, 2025

Tailwind v4 Support #1527

Closed

1 task

export portal prop (#1780)

e1a4403

github-actions Bot deployed to Preview March 20, 2025 14:00 View deployment

feat(v4): Strip types through the CLI (#1778)

80ea4a2

* ts-blank-space issues * fix blank space * format and lint * fix update

github-actions Bot deployed to Preview March 20, 2025 14:56 View deployment

huntabyte and others added 2 commits March 20, 2025 20:53

next(tailwind 4): component adjustments (#1784)

e5dc113

feat(v4): Add remote components (#1781)

5cc7477

github-actions Bot deployed to Preview March 21, 2025 00:56 View deployment

chore(v4): Bundle mending (#1783)

bc2d63a

github-actions Bot deployed to Preview March 21, 2025 14:00 View deployment

chore: tailwind v4 styles and deps (#1786)

5864392

github-actions Bot deployed to Preview March 22, 2025 15:57 View deployment

chore(v4): Update to @svecosystem/strip-types (#1790)

d6c0603

github-actions Bot deployed to Preview March 25, 2025 14:34 View deployment

chore(v4): Component updates (#1789)

7e034c4

github-actions Bot deployed to Preview March 25, 2025 14:44 View deployment

fix(v4): layout (#1796)

a75bef6

github-actions Bot deployed to Preview March 26, 2025 17:29 View deployment

fix(v4): Generate correct code on /theme (#1797)

821013f

github-actions Bot deployed to Preview March 27, 2025 17:20 View deployment

fix: remove cursor-pointer (#1806)

6f4ed98

github-actions Bot deployed to Preview May 16, 2025 20:04 View deployment

tw4: registry cli docs (#1908)

2130e43

Co-authored-by: AdrianGonz97 <31664583+AdrianGonz97@users.noreply.github.com>

github-actions Bot deployed to Preview Tailwind 4 May 16, 2025 22:27 View deployment

github-actions Bot deployed to Preview May 16, 2025 22:28 View deployment

tw4: style and sonner update (#1909)

6053f0e

github-actions Bot deployed to Preview Tailwind 4 May 16, 2025 22:48 View deployment

AdrianGonz97 and others added 4 commits May 16, 2025 19:25

fix(tw4-next): add workaround for zod ssr error: `missing './v4' sp…

4d7ddf7

…ecifier` (#1910)

tw4: registry template (#1911)

2ca9086

fix: remove lockfile

9988235

docs(tw4): migration docs (#1912)

0b252e5

shyakadavis mentioned this pull request May 17, 2025

chore: use bits-ui >= 1.0 #1915

Closed

1 task

huntabyte and others added 9 commits May 17, 2025 12:14

feat(cli): local: registryDeps (#1913)

38ad17c

Co-authored-by: AdrianGonz97 <31664583+AdrianGonz97@users.noreply.github.com>

chore(tw4): tests (#1916)

069d616

docs(twv4): Review registry docs (#1917)

2dcf4f4

Co-authored-by: Hunter Johnston <johnstonhuntera@gmail.com>

chore(tw4): registry build testing tweaks (#1918)

250aeb7

tw4: cleanup/improve error messaging (#1919)

80e29f6

Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>

tw4: better state and fix sidebar docs (#1921)

4d1081a

Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>

chore(tw4): cli fixes and tweaks (#1922)

3c272e6

Merge branch 'next' into next-tailwind-4

9e73b86

docs(tw4): styles and things (#1924)

ff402ec

MrVoshel mentioned this pull request May 18, 2025

Seems uses obsolete svelte/tailwind. Need upgrade. #1927

Closed

1 task

firatciftci and others added 3 commits May 18, 2025 12:14

fix(calendar-day): enhance dark mode styles for selected state (#1926)

20542e3

docs: touchup theme styles (#1928)

7e5c8d0

chore(tw4): add components.json schema descriptions (#1929)

2d8c9c2

huntabyte and others added 2 commits May 18, 2025 16:35

docs(tw4): improve update guide (#1930)

ee71030

Co-authored-by: CokaKoala <31664583+AdrianGonz97@users.noreply.github.com>

changeset

ad4cd6b

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

next: Tailwind v4#1770

next: Tailwind v4#1770
AdrianGonz97 merged 76 commits into
nextfrom
next-tailwind-4

huntabyte commented Mar 18, 2025 •

edited

Loading

Uh oh!

changeset-bot Bot commented Mar 18, 2025 •

edited

Loading

Uh oh!

github-actions Bot commented Mar 18, 2025 •

edited

Loading

Uh oh!

bitaccesscomau commented Mar 18, 2025

Uh oh!

Wombosvideo Mar 19, 2025

Uh oh!

ieedan Mar 19, 2025

Uh oh!

Wombosvideo Mar 19, 2025 •

edited

Loading

Uh oh!

huntabyte commented May 18, 2025

Uh oh!

p-arndt commented May 18, 2025

Uh oh!

laGameTV commented May 18, 2025

Uh oh!

p-arndt commented May 18, 2025

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

20 participants

Uh oh!

Conversation

huntabyte commented Mar 18, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Due Outs

CLI

Docs

Components

Uh oh!

changeset-bot Bot commented Mar 18, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

🦋 Changeset detected

Uh oh!

github-actions Bot commented Mar 18, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

built with Refined Cloudflare Pages Action

⚡ Cloudflare Pages Deployment

Uh oh!

bitaccesscomau commented Mar 18, 2025

Uh oh!

Wombosvideo Mar 19, 2025

Choose a reason for hiding this comment

Uh oh!

ieedan Mar 19, 2025

Choose a reason for hiding this comment

Uh oh!

Wombosvideo Mar 19, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Choose a reason for hiding this comment

Uh oh!

huntabyte commented May 18, 2025

Uh oh!

p-arndt commented May 18, 2025

Uh oh!

laGameTV commented May 18, 2025

Uh oh!

p-arndt commented May 18, 2025

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

20 participants

huntabyte commented Mar 18, 2025 •

edited

Loading

changeset-bot Bot commented Mar 18, 2025 •

edited

Loading

github-actions Bot commented Mar 18, 2025 •

edited

Loading

Wombosvideo Mar 19, 2025 •

edited

Loading