Skip to main contentCarbon Design System

Deprecations

Stay informed on deprecated packages and assets in the Carbon Design System with updates, migration guides, and resources for transitioning to the latest supported versions.

carbon-components

carbon-components
reached it’s end of support on September 30, 2024. This package will no longer receive updates.

What to use instead

carbon-components
is replaced by
@carbon/styles
, but most projects don’t need to install
@carbon/styles
directly.

If you’re using

@carbon/react
or
@carbon/web-components
, you do not need to install
@carbon/styles
. All
@carbon/styles
assets are already available to you through those framework-specific packages.

Library authors should use

@carbon/styles
if they do not already rely on a framework-variant package such as
@carbon/react
.

Migration

For those using

carbon-components@10.x
, the v11 migration guide has all the details of how to update.

For those using

carbon-components@11.x
, these versions are already a direct re-export of
@carbon/styles
. See the above section on what to use instead.

For questions regarding this deprecation or how to migrate, contact us.

carbon-components-react

carbon-components-react
reached it’s end of support on September 30, 2024. This package will no longer receive updates.

What to use instead

carbon-components-react
is replaced by
@carbon/react
.

Migration

For those using

carbon-components-react@7.x
, the v11 migration guide has all the details of how to update.

For those using

carbon-components-react@8.x
, these versions are already a direct re-export of
@carbon/react
. After installing
@carbon/react
, you can replace all imports and usages of
carbon-components-react
with
@carbon/react
. This should be an in-place update with no other changes required.

For questions regarding this deprecation or how to migrate, contact us.

v10 Elements packages

All v10 assets reached end of support on September 30, 2024, including v10.x ranges of elements packages. This includes:

  • @carbon/colors@10.x
  • @carbon/elements@10.x
  • @carbon/grid@10.x
  • @carbon/layout@10.x
  • @carbon/motion@10.x
  • @carbon/themes@10.x
  • @carbon/type@10.x

What to use instead

The v11.x ranges of these packages should be used instead.

Migration

The v11 migration guide has all the details of how to update.

For questions regarding these deprecations or how to migrate, contact us.

carbon-icons

The

carbon-icons
package reached end of support on March 31, 2022 when v11 was released. This package will no longer receive updates.

What to use instead

To use icons from the Carbon Design System, you should install the appropriate library to use with your framework:

PackageFrameworkLink
@carbon/icons-react
ReactLink
@carbon/icons-angular
AngularLink
@carbon/icons-vue
VueLink
carbon-icons-svelte
SvelteLink
@carbon/icons
Vanilla JavaScriptLink

Migration

The v11 migration guide has all the details of how to update.

For questions regarding these deprecations or how to migrate, contact us.

Resources