Skip to main content
/
/
/
/
Upgrade to Bifrost 6.0

Upgrade to Bifrost 6.0

This migration guide should help you upgrade bifrost from 5.x to 6.x. If you're currently on 4.x (or older) please see upgrade to 5 first.

Installation

Update each package you're using in your project:

npm install @intility/bifrost-react@6 npm install @intility/bifrost-react-select@6 npm install @intility/bifrost-react-datepicker@6
npm install @intility/bifrost-react@6 npm install @intility/bifrost-react-select@6 npm install @intility/bifrost-react-datepicker@6

If you're using @intility/platform-toolkit, make sure you're on 0.5.7 or newer:

npm install @intility/platform-toolkit@latest
npm install @intility/platform-toolkit@latest

Update Font Awesome

Bifrost 6.0 updated the Font Awesome dependency from 6.* to 7.*, you should do the same for each FA icon package installed in your project.

  • Check your package.json file to see which @fortawesome/* packages you've installed in your project (if any).
  • Update each to v7.

If you're using these pro icon packs, you can do something like this:

npm install @fortawesome/pro-solid-svg-icons@7 npm install @fortawesome/pro-regular-svg-icons@7 npm install @fortawesome/pro-light-svg-icons@7 npm install @fortawesome/pro-duotone-svg-icons@7
npm install @fortawesome/pro-solid-svg-icons@7 npm install @fortawesome/pro-regular-svg-icons@7 npm install @fortawesome/pro-light-svg-icons@7 npm install @fortawesome/pro-duotone-svg-icons@7

Fixed width default

With Font Awesome 7, icons have a fixed width by default, so we've marked the <Icon fixedWidth> prop as deprecated since it now does nothing.

// old <Icon fixedWidth ... /> // new <Icon ... />
// old <Icon fixedWidth ... /> // new <Icon ... />

If you want the old "auto width" behavior, you can use the new widthAuto prop.

// old <Icon ... /> // new <Icon widthAuto ... />
// old <Icon ... /> // new <Icon widthAuto ... />

Troubleshooting

If you experience problems with building or conflicting types, try removing node_modules folder and package-lock.json then regenerate the lock file by running npm install again.

No breaking changes

This release contains no breaking changes, only updated Font Awesome dependencies.