v4.0.3

Commits

• 4f5cf9b: Bump to v4.0.3 (@peterpadberg)
• eceaa78: Fix skiplink in ts dict (@peterpadberg)
• 2483d5b: Fix package version in lock file (@peterpadberg)

v4.0.2

Bug Fixes

• breadcrumbs: make ariaLabel prop optional and align with type definitions #100 (Mark Teekman)
• breadcrumbsitem: improve icon alignment for custom separators #100 (Mark Teekman)
• card: enhance component structure with proper empty states and footer handling #100 (Mark Teekman)
• notification: use correct icon targeting in CSS #100 (Mark Teekman)
• tabspanel: add some default spacing between tab panel content #100 (Mark Teekman)
• tabstab: add more padding to tab buttons #100 (Mark Teekman)

Documentation

• readme: update README projects description #100 (Mark Teekman)
• 87df982: Update README.md #99 (Denis Paris)

Chores

• packages: add Astro as a dependency for better TypeScript support #100 (Mark Teekman)
• release: bump version #100 (Mark Teekman)

v4.0.1

Bug fixes

• fix: rename SkipLinks to SkipLink in exports and bump version to 4.0.1 (@markteekman)

v4.0.0

Customizability, Robustness & Modern Web

This major release focuses on making components more robust, customizable, and performant while improving accessibility and internationalization support. We also moved the package to our new Incluud organisation as part of the effort to streamline our development processes and enhance collaboration within the community. This transition allows us to better manage contributions, improve project visibility, and ensure a more cohesive approach to future updates and features.

🎯 Key Highlights

• Modernized CSS architecture with logical properties and modern selectors
• Enhanced accessibility and internationalization support
• Improved performance through better browser APIs
• Improved TypeScript support

⚠️ Breaking Changes

• Removed is:global() styles to prevent style creep #90
• Simplified class names and introduced :where() for lower specificity
• Switched to logical properties for better RTL support
• Migrated to HSL colors with light-dark() functions
• Reduced client-side JavaScript in favor of browser APIs
• Renamed SkipLinks to SkipLink

🎨 Design System Updates

• Standardized component styling with consistent tokens
• Improved dark mode support with light-dark() color system
• Added prefers-reduced-motion support
• Enhanced focus states and keyboard navigation

✨ New Features

• Added Video component with YouTube embed support
• Universal class prop support for all components
• Improved i18n support through customizable text props
• Enhanced slot system for better component composition

🔄 Component Updates

Accessibility & UX

• Accordion: Added proper heading structure support
• Breadcrumbs: Added icon-only support with screen reader text
• Card: Now uses <article> instead of <div>
• SkipLink: Added translatable text support
• Notification: Switched to semantic <aside> with ARIA live regions

Enhanced Customization

• Accordion: Added chevron variant with configurable positioning
• Accordion: Added open prop for an initial open state for an item
• Breadcrumbs: Added customizable separators
• Card: Added meta information slot
• DarkMode: Added support for custom icons
• Modal: Improved styling and interaction patterns
• Notification: Added Starlight-inspired color schemes
• Pagination: Enhanced styling options

📚 Documentation

• New documentation site at Accessible Astro Docs #75
• Added migration guide from v3 to v4
• Improved component examples and usage guidelines

v3.0.1

Features

• tabs: add view transitions support #89 (Mark Teekman)

Bug Fixes

• accordion: resolve iOS marker visibility and icon animation #89 (Mark Teekman)
• modal: add fallback sr-only utility class #89 (Mark Teekman)

Thanks @f3bruary and @OliverSpeir for noticing these issues!

v3.0.0

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

v2.3.6

What's Changed

• Allow rendering user-defined progress-text in Pagination by @boredland in #80
• Use correct close method on window #79 by @markteekman in #81

New Contributors

• @boredland made their first contribution in #80

Full Changelog: v2.3.5...v2.3.6

v2.3.5

Updates

• 6b99c0e: Add height: auto to ensure new sizing attributes of Astro Icon work in Notification.astro component (@markteekman) #77

v2.3.4

Updates

• 406775e: Updated the way to target icons from Astro Icon in Notification.astro (@markteekman) #76

v2.3.3

Updates

• d42548e: Make z-index larger on SkipLinks to accommodate for Tailwind utilities #73 (@markteekman) #74 thanks @david-abell!