CoreUI PRO v5.3.0

CoreUI PRO v5.3.0

We are excited to announce the release of CoreUI PRO v5.3.0, dated July 19, 2024. This update brings several enhancements, fixes, and dependency updates to improve the overall stability and performance of the CoreUI PRO library.

How to Update

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

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

What’s New

Fixes

  • DatePicker, DateRangePicker: Add missing inputReadOnly option to types validation.
  • General Fix: Use of declarations after nested rules.

Build

  • Build: Migrate globby to v14.x.

Refactor

  • Avatar: Add CSS Variables support.

Dependency Updates

The following dependency updates ensure compatibility with the latest features and security patches:

  • Updated @babel/cli from ^7.24.6 to ^7.24.8
  • Updated @babel/core from ^7.24.6 to ^7.24.9
  • Updated @babel/preset-env from ^7.24.6 to ^7.24.8
  • Updated @rollup/plugin-commonjs from ^25.0.8 to ^26.0.1
  • Updated @rollup/plugin-replace from ^5.0.5 to ^5.0.7
  • Updated eslint-plugin-markdown from ^5.0.0 to ^5.1.0
  • Updated eslint-plugin-unicorn from ^52.0.0 to ^54.0.0
  • Updated globby from ^11.1.0 to ^14.0.2
  • Updated hugo-bin from ^0.123.1 to ^0.126.0
  • Updated lockfile-lint from ^4.13.2 to ^4.14.0
  • Updated nodemon from ^3.1.1 to ^3.1.4
  • Updated postcss from ^8.4.38 to ^8.4.39
  • Updated rollup from ^4.18.0 to ^4.18.1
  • Updated sass from ^1.77.2 to ^1.77.8
  • Updated stylelint from ^16.6.0 to ^16.7.0
  • Updated stylelint-config-twbs-bootstrap from ^14.1.0 to ^14.2.0
  • Updated terser from ^5.31.0 to ^5.31.3

These updates ensure the library remains secure, efficient, and aligned with current web development standards.


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 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