CoreUI PRO v5.6.0

CoreUI PRO v5.6.0

We are thrilled to announce the release of CoreUI PRO v5.6.0. This release focuses on new features, significant refactors, and essential dependency updates to enhance the stability, performance, and functionality of the CoreUI library.

How to Update

To update your project to CoreUI PRO v5.6.0, please follow these steps:

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

What’s New

Build & Configuration

  • build: Fixed the build configuration to properly compile the Bootstrap version and themes.

Features

  • feat(MultiSelect): Added support to append the dropdown to a specific element.
  • feat(MultiSelect): Introduced a global search option, enhanced keyboard navigation, and improved accessibility.
  • feat(Sidebar): Added new CSS variables to enhance customizability.

Fixes

  • fix: Addressed jQuery configuration issues where parameters were being ignored.
  • fix: Resolved stylelint warnings by reordering CSS properties.
  • fix(Rating): Ensured the readonly class is correctly applied, preventing stars from resizing on hover.
  • fix(Rating): Updated the cursor behavior when hovering over readonly or disabled ratings to show a default cursor instead of a pointer.

Refactors

  • refactor: Removed unnecessary flexbug workarounds for cleaner code.
  • refactor(Calendar): Improved time zone handling for month and year selection types.
  • refactor(Sidebar): Rewrote component styles to optimize performance and maintainability.

Dependency Updates

This release also includes updates to critical dependencies, ensuring the CoreUI PRO library remains secure and optimized:

  • Updated @babel/cli from ^7.25.6 to ^7.25.9
  • Updated @babel/core from ^7.25.2 to ^7.26.0
  • Updated @babel/preset-env from ^7.25.4 to ^7.26.0
  • Updated @docsearch/js from ^3.6.1 to ^3.6.2
  • Updated @rollup/plugin-commonjs from ^26.0.1 to ^28.0.1
  • Updated @rollup/plugin-node-resolve from ^15.2.3 to ^15.3.0
  • Updated @rollup/plugin-replace from ^5.0.7 to ^6.0.1
  • Updated eslint-plugin-html from ^8.1.1 to ^8.1.2
  • Updated eslint-plugin-import from ^2.30.0 to ^2.31.0
  • Updated hugo-bin from ^0.131.2 to ^0.133.5
  • Updated jasmine from ^5.3.0 to ^5.4.0
  • Updated nodemon from ^3.1.6 to ^3.1.7
  • Updated rollup from ^4.22.0 to ^4.24.1
  • Updated sass-true from ^8.0.0 to ^8.1.0
  • Updated stylelint from ^16.9.0 to ^16.10.0
  • Updated stylelint-config-twbs-bootstrap from ^15.0.0 to ^15.1.0
  • Updated terser from 5.33.0 to 5.36.0
  • Updated vnu-jar from 23.4.11 to 24.10.17

Subscribe to our newsletter
Get early information about new products, product updates and blog posts.
How to convert a string to boolean in JavaScript
How to convert a string to boolean in JavaScript

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