Skip to content

v3.0.0

Compare
Choose a tag to compare
@github-actions github-actions released this 12 Dec 19:05
· 28 commits to main since this release
b4d7c04

Native Elements & Modern CSS

This major release focuses on leveraging native HTML elements and modern CSS features for better accessibility, performance, and developer experience.

⚠️ Breaking Changes

  • Accordion: Completely rewritten to use native <details> and <summary> elements
  • Accordion: Changed header prop to title for better semantics
  • Accordion: Visual changes
  • Modal: Visual changes

✨ Major Features

  • New Tabs Component (#88)
    • Fully WCAG compliant with proper ARIA roles
    • Keyboard navigation support
    • Responsive design
  • Enhanced DarkMode Component
    • Added color-scheme support for light-dark() function (#88)
    • New initialMode prop to force dark/light mode on first visit (#83)
  • Improved Modal (#85, #87)
    • Smooth transitions using @starting-style
    • Enhanced backdrop with blur effect
    • Better focus management

⚙️ Technical Improvements

  • Added TypeScript support to several components
  • Updated tsconfig to support Astro 5.x (#86)
  • Enhanced build configuration
  • Improved documentation
  • Modal now uses less JavaScript

♿ Accessibility Enhancements

  • Better screen reader announcements using native semantics
  • Improved focus trapping in modals
  • Enhanced ARIA attributes and roles
  • Better support for reduced-motion preferences