Open
Conversation
Add --a2ui-* semantic CSS variable aliases that reference shadcn base variables, making it easier for users to customize themes without modifying the core design system. Changes include: - Add semantic aliases in theme.css for colors, typography, and spacing - Create ThemeCustomizer component with live preview and CSS export - Fix example page to use defined CSS variables (previously undefined) - Add Theme Playground section to HomePage for interactive customization Users can now override --a2ui-accent, --a2ui-bg-primary, etc. to customize the entire theme without touching shadcn's base variables. 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
- Use semantic HTML in Stepper (ol/li instead of div with role) - Use output element in Skeleton/Spinner for loading states - Add aria-live region for copy feedback in ThemeCustomizer - Add reset button and active preset state indication - Remove unused background field from ThemeValues interface - Add comprehensive test suite for ThemeCustomizer (15 tests) 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
- Remove duplicate --a2ui-* variables from generated CSS (aliases already reference base vars via var(--primary), var(--radius) in theme.css) - Add --radius-sm/md/lg/xl/2xl/3xl to @theme inline block, all calculated relative to base --radius so Tailwind's rounded-* classes respond to the --radius variable 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
- Add collapsible "Variable Reference" section with chevron toggle - Document essential variables (--primary, --radius) vs full palette - Explain auto-derived variables (--a2ui-*, --radius-sm/md/lg/xl) - Include link to theme.css on GitHub for complete reference 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
7b3a7b8 to
21a3fda
Compare
Add a new CI workflow that runs on all pushes and PRs to validate: - Linting and formatting with Biome - TypeScript type checking - Unit tests with coverage on Node 20 and 22 - Build verification for all packages - Security audit with npm audit Also updates minimum Node.js version to 20.0.0 (required by Vite 7/Vitest 4). 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
21a3fda to
ec2a3f3
Compare
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
No description provided.