CoreUI v5.4.3

We’re excited to announce the release of CoreUI v5.4.3 — an important update that enhances accessibility compliance, fixes UI issues, and includes comprehensive dependency updates including Bootstrap 5.3.8.

Speed up your responsive apps and websites with fully-featured, ready-to-use open-source admin panel templates—free to use and built for efficiency.

Angular

Bootstrap

React.js

Vue.js

How to Update

To upgrade your project to CoreUI v5.4.3:

1. Open your package.json.
2. Update the @coreui/coreui version to 5.4.3.
3. Save the file and run the install command:
   • npm: npm install
   • yarn: yarn install

What’s New

🛠️ Fixes & Improvements

• Accessibility: Fixed color-contrast() function for WCAG 2.1 compliance

  • Enhanced color contrast calculations for better accessibility
  • Ensures compliance with Web Content Accessibility Guidelines 2.1
  • Improved readability for users with visual impairments

• Spinner Component: Fixed spinner deformation in flex boxes with multiline content

  • Resolved visual distortion issues when spinners are placed in complex layouts
  • Improved rendering consistency across different container types
  • Better support for responsive design patterns

Dependency Updates

This release includes comprehensive dependency updates for improved performance, security, and compatibility:

Core Dependencies

• Updated bootstrap from ^5.3.7 to ^5.3.8

Development Tools

• Updated @eslint/markdown from ^7.1.0 to ^7.2.0
• Updated eslint from ^9.33.0 to ^9.34.0
• Updated eslint-config-xo from 0.48.0 to 0.49.0
• Updated hugo-bin from ^0.145.2 to ^0.146.0
• Updated jasmine from ^5.9.0 to ^5.10.0
• Updated rollup from ^4.46.2 to ^4.50.0
• Updated sass-embedded from ^1.90.0 to ^1.91.0

Technical Details

WCAG 2.1 Color Contrast

The improved color-contrast() function provides:

• More accurate contrast ratio calculations
• Better support for different color formats
• Enhanced accessibility testing capabilities
• Compliance with modern accessibility standards

Spinner Fixes

The spinner component improvements address:

• Deformation issues in flex containers with flex-wrap: wrap
• Better handling of multiline content scenarios
• Improved CSS specificity for consistent rendering
• Enhanced cross-browser compatibility

Bootstrap 5.3.8 Integration

The Bootstrap update brings:

• Latest security patches and bug fixes
• Improved component stability
• Enhanced performance optimizations
• Better cross-browser support

For a complete list of all changes, check out the full changelog on GitHub.