CoreUI v5.2.0

CoreUI v5.2.0

We are pleased to announce the release of CoreUI v5.2.0. This update includes several key fixes, new features, and crucial dependency updates, enhancing the stability, performance, and maintainability of the CoreUI library.

How to Update

To ensure a smooth transition to CoreUI v5.2.0, follow these steps:

  1. Open your project’s package.json.
  2. Locate the @coreui/coreui entry under dependencies and update the version number to 5.2.0.
  3. Save your changes to the package.json file.
  4. In your project’s root directory, execute the following command:
    • For npm users: run npm install
    • For yarn users: run yarn install

What’s New

Build & Configuration

  • build: Fixed the build configuration to correctly build the Bootstrap version and theme.

Features & Enhancements

  • feat(Sidebar): Added additional CSS variables for more flexible styling.

Fixes

  • fix: Reordered CSS properties to resolve Stylelint warnings.

Refactors

  • refactor: Removed unnecessary Flexbug workaround to simplify styles.
  • refactor(Sidebar): Rewritten component styles for improved maintainability.

Dependency Updates

This release also includes updates to key dependencies, ensuring that CoreUI remains secure and up-to-date:

  • Updated @babel/cli from ^7.24.8 to ^7.25.6
  • Updated eslint-plugin-import from ^2.29.1 to ^2.30.0
  • Updated hugo-bin from ^0.129.2 to ^0.131.2
  • Updated jasmine from ^5.2.0 to ^5.3.0
  • Updated nodemon from ^3.1.4 to ^3.1.6
  • Updated postcss from ^8.4.41 to ^8.4.47
  • Updated rollup from ^4.21.0 to ^4.22.0
  • Updated rtlcss from ^4.2.0 to ^4.3.0
  • Updated sass from ^1.77.8 to ^1.79.1
  • Updated stylelint from ^16.8.2 to ^16.9.0
  • Updated stylelint-config-twbs-bootstrap from ^14.2.0 to ^15.0.0
  • Updated terser from 5.31.6 to 5.33.0

For a detailed overview of all the enhancements, fixes, and updates introduced in this version, please refer to the full changelog on GitHub.

Subscribe to our newsletter
Get early information about new products, product updates and blog posts.
How to show or hide elements in React? A Step-by-Step Guide.
How to show or hide elements in React? A Step-by-Step Guide.

How to set focus on an input field after rendering in React
How to set focus on an input field after rendering in React

Passing props to child components in React function components
Passing props to child components in React function components

How to loop inside React JSX
How to loop inside React JSX

How to validate an email address in JavaScript
How to validate an email address in JavaScript

What is the difference between typeof and instanceof in JavaScript
What is the difference between typeof and instanceof in JavaScript