mirror of
https://github.com/johndoe6345789/snippet-pastebin.git
synced 2026-04-25 05:55:00 +00:00
johndoe6345789
8c9917ec15
This commit completes the full migration to Material Design 3: **Removed Radix UI:** - Deleted 6 unused Radix UI component files (breadcrumb, context-menu, hover-card, menubar, navigation-menu, scroll-area) **M3 CSS Compatibility:** - Created comprehensive Tailwind-to-M3 CSS compatibility layer (tailwind-m3-compat.css) - Provides M3-compatible classes for all Tailwind utilities used in the codebase - Uses M3 CSS custom properties for colors and design tokens - Allows existing components to work without refactoring **Enhanced Styling:** - Imported tailwind-m3-compat.css into globals.css - Updated M3 base CSS with complete button and component styles - All M3 color and radius tokens integrated via CSS variables **Playwright Test Support:** - Created comprehensive M3 test helpers (m3-helpers.ts) - Includes M3 button class selectors, color variables, and touch target verification - Added M3 helpers to test fixtures - Provides utilities for testing M3 components with Playwright **Client-Side Fixes:** - Added "use client" directive to components using Dialog - Ensures proper client-side rendering of interactive components **Features:** - Tailwind classes automatically map to M3 tokens and styles - M3 color variables (--mat-sys-*) used throughout - Complete component styling without breaking changes - Full M3 design token system integrated - M3-specific test utilities for comprehensive testing This migration maintains backward compatibility while establishing a pure M3-based design system. Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com>