Skip to content

v1.0.0-next.0

Pre-release
Pre-release
Compare
Choose a tag to compare
@theetrain theetrain released this 12 Jan 20:36
· 48 commits to master since this release
v1.0.0-next.0
559701e

Note: this is an unstable prerelease. See discussion #1872 for details and contribution guide!

New features

  • Generate Carbon v11 styles and implement visual and interactive designs based on the flagship Carbon component library
  • UIShell has a new light theme
  • Tabs will display as a horizontal scrolling list on small viewports
  • Buttons have a new xl size

Breaking changes

Overall, this is a major style change the will impact the appearance and features of many components. Use caution when upgrading and test your applications.

Components

  • Button has new prop values for size and kind
  • Theme follows v11 conventions: g80 theme isn't supported, toggled themes adjust data-carbon-theme attribute in <html> tag (for now, tokens use bx prefix, but that may change)
  • Tabs has a contained prop instead of type
  • ContentSwitcher size prop no longer supports size="xl"; md is the new default
  • MultiSelect no longer supports xl size
  • OverflowMenu no longer supports xl size
  • Search no longer supports xl size
  • TreeView no longer supports compact size
  • UIShell has a different appearance per theme

CSS

  • Several class names have been changed due to the v11 overhaul. If you're targeting or overriding component classes, be sure to test your code
  • Many tokens and CSS variables have been renamed. Details: https://carbondesignsystem.com/migrating/guide/develop
  • Themes are applied to the <html> element as data-carbon-theme="g10" instead of theme="g10"
  • The g80 theme no longer exists

General

  • Codebase uses npm instead of yarn

🎉 Thank you @gregorw for initial work.

Full Changelog: v0.82.8...v1.0.0-next.0

Contributors

gregorw
Assets 2