Skip to content

v5.0.0

Choose a tag to compare

View all tags
@github-actions github-actions released this 13 Sep 11:48
· 14 commits to main since this release
v5.0.0
b03e4ef
This commit was created on GitHub.com and signed with GitHub’s verified signature.
GPG key ID: B5690EEEBB952194
Verified
Learn about vigilant mode.

Forms, Primitives & Enhanced Design System

This major release introduces essential form components, primitive elements, and a comprehensive design system to provide a solid foundation for accessible web development.

⚠️ Breaking Changes

  • components: Version 5.0.0 introduces new design system tokens and may require updates to existing implementations (Mark Teekman)
  • styles: Comprehensive style system reorganization may affect custom styling implementations (Mark Teekman)

✨ Features

  • Button: Add versatile Button component with customizable variants, sizes, and animations for improved user interaction #108 #123 (Mark Teekman)
  • Heading: Introduce Heading primitive component for versatile heading levels with responsive typography #114 #123 (Mark Teekman)
  • Link: Add Link component for internal and external navigation with accessibility features and hideIcon prop #115 #123 (Mark Teekman)
  • Forms: Introduce comprehensive Forms suite including Form, Input, Textarea, Checkbox, Radio, and Fieldset components with validation and accessibility features #94 #123 (Mark Teekman)
  • Card: Add full-height option, improved image handling, and Heading component integration #123 (Mark Teekman)
  • AccordionItem: Add Heading component integration and improved heading props for better accessibility #123 (Mark Teekman)
  • Modal: Integrate Heading component for enhanced accessibility and customizable heading properties #123 (Mark Teekman)
  • Notification: Add accent variant support and selectable root element for greater customization #123 (Mark Teekman)
  • Animations: Extend animation options to include 'nudge' animation for Badge, Button, and Link components #123 (Mark Teekman)
  • Design System: Implement comprehensive design system with animations, colors, elevation, font, forms, layout, space, and utility styles #123 (Mark Teekman)

🐛 Bug Fixes

  • Heading: Make level and size props optional for improved flexibility #123 (Mark Teekman)
  • Link: Simplify external link logic for improved clarity and maintainability #123 (Mark Teekman)
  • Tabs: Improve tab navigation accessibility by updating tabindex and aria-selected attributes #121 #123 (Mark Teekman)
  • Components: Update default heading sizes and enhance accessibility across Form and Textarea components #123 (Mark Teekman)
  • Notification: Update background color with fallback color for better compatibility #123 (Mark Teekman)

♿ Code Refactoring

  • Modal: Enhance accessibility by updating aria attributes, improving trigger element handling, and removing focus-visible outline from close button #117 #118 #123 (Mark Teekman)
  • Avatar: Enhance accessibility by updating alt text and aria-labels for better screen reader support #116 #123 (Mark Teekman)
  • Notification: Replace <aside> with <div> for correct accessibility, update ARIA role documentation, and add element prop for semantic HTML support #119 #120 #123 (Mark Teekman)
  • Card: Update default image URL since fakeimg.pl doesn't work anymore #112 #123 (Mark Teekman)
  • Form: Implement secure regex pattern validation to enhance form input security and prevent ReDoS attacks #123 (Mark Teekman)
  • SkipLink: Remove transition and focus-visible outline for improved accessibility #123 (Mark Teekman)
  • Components: Remove unused CSS styles and fallback colors for cleaner code maintenance #123 (Mark Teekman)

📚 Documentation

  • README: Expand component list with new additions and acknowledgments #123 (Mark Teekman)

🔧 Chores

  • Package: Bump version to 5.0.0 for major updates and improvements #123 (Mark Teekman)
  • Types: Add comprehensive type definitions for Button, Heading, Link, and form components #123 (Mark Teekman)
Assets 2
Loading