Skip to content

feat(react): add Tailwind v4 compiled CSS for skins with vjs prefix#114

Merged
decepulis merged 4 commits intomainfrom
feat/scoped-tw
Oct 22, 2025
Merged

feat(react): add Tailwind v4 compiled CSS for skins with vjs prefix#114
decepulis merged 4 commits intomainfrom
feat/scoped-tw

Conversation

@cjpillsbury
Copy link
Copy Markdown
Collaborator

Add self-contained CSS compilation for frosted and minimal skins to eliminate Tailwind dependency in consumer applications and prevent class name conflicts.

Changes:

  • Update all Tailwind classes in styles.ts files with vjs: prefix
  • Create CSS input files using Tailwind v4 prefix(vjs) feature
  • Add build:skins script to compile CSS during package build
  • Export compiled CSS files via package.json exports
  • Add Tailwind v4 as devDependency for build process
  • Update react-demo to consume compiled CSS instead of scanning source

Benefits:

  • Consumers no longer need Tailwind installed
  • All generated classes prefixed with vjs: (e.g., .vjs:flex)
  • All CSS variables prefixed with --vjs- (e.g., --vjs-color-blue-500)
  • Zero conflicts with consumer's Tailwind setup
  • Self-contained 43KB frosted.css and 42KB minimal.css

🤖 Generated with Claude Code

Add self-contained CSS compilation for frosted and minimal skins to eliminate
Tailwind dependency in consumer applications and prevent class name conflicts.

Changes:
- Update all Tailwind classes in styles.ts files with vjs: prefix
- Create CSS input files using Tailwind v4 prefix(vjs) feature
- Add build:skins script to compile CSS during package build
- Export compiled CSS files via package.json exports
- Add Tailwind v4 as devDependency for build process
- Update react-demo to consume compiled CSS instead of scanning source

Benefits:
- Consumers no longer need Tailwind installed
- All generated classes prefixed with vjs: (e.g., .vjs\:flex)
- All CSS variables prefixed with --vjs- (e.g., --vjs-color-blue-500)
- Zero conflicts with consumer's Tailwind setup
- Self-contained 43KB frosted.css and 42KB minimal.css

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
@vercel
Copy link
Copy Markdown

vercel bot commented Oct 22, 2025

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Preview Comments Updated (UTC)
vjs-10-demo-html Ready Ready Preview Comment Oct 22, 2025 11:04pm
vjs-10-demo-react Ready Ready Preview Comment Oct 22, 2025 11:04pm
vjs-10-website Ready Ready Preview Comment Oct 22, 2025 11:04pm

@vercel vercel bot temporarily deployed to Preview – vjs-10-demo-html October 22, 2025 22:40 Inactive
@vercel vercel bot temporarily deployed to Preview – vjs-10-demo-react October 22, 2025 22:40 Inactive
@vercel vercel bot temporarily deployed to Preview – vjs-10-website October 22, 2025 22:41 Inactive
@vercel vercel bot temporarily deployed to Preview – vjs-10-demo-html October 22, 2025 22:43 Inactive
@vercel vercel bot temporarily deployed to Preview – vjs-10-demo-react October 22, 2025 22:43 Inactive
@vercel vercel bot temporarily deployed to Preview – vjs-10-website October 22, 2025 22:44 Inactive
@vercel vercel bot temporarily deployed to Preview – vjs-10-demo-html October 22, 2025 23:04 Inactive
@vercel vercel bot temporarily deployed to Preview – vjs-10-demo-react October 22, 2025 23:04 Inactive
@decepulis decepulis marked this pull request as ready for review October 22, 2025 23:04
@vercel vercel bot temporarily deployed to Preview – vjs-10-website October 22, 2025 23:04 Inactive
@decepulis decepulis merged commit 92b82e9 into main Oct 22, 2025
5 checks passed
@github-actions github-actions bot mentioned this pull request Oct 24, 2025
@mihar-22 mihar-22 deleted the feat/scoped-tw branch November 24, 2025 03:49
@github-actions github-actions bot mentioned this pull request Feb 26, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants