Release 10.0.0-beta · carbon-design-system/carbon-design-kit

⭐️ New:

IBM Design Language V2 style
- The Carbon default styling is changing to reflect the new IBM Design Language styles and assets.
- Only one theme is currently available in the kit. Other themes to follow soon.
Kit structure:
- The kit and its symbols have been reworked to be more user friendly. Symbols less embedded to make controlling overrides easier.
- Each component now lives on its own page instead of grouped in a single all components page
Text Styles:
- Text Styles have been added to match the new Carbon type tokens. Each style includes the various colors used with that type token.
Spacers:
- Spacing symbols have been added to certain symbols to help correctly re-size components. Look for “spacer” in the overrides panel to turn one on.
Icons
- Internal padding has been added to all icons
- Icons in the kit are now nested symbols from the IBM Design Language Sketch Library.
- Any icon not imbedded in a Carbon symbol will need to be added from the IBM Design Language instead of in the Carbon kit itself.
Color tokens:
- $icon-01
- $icon-02
- $text-04
- $interactive-01 (replaces $brand-01)
- $interactive-02 (replaces $brand-02)
- $interactive-03 (replaces $brand-03)
- $ui-background
- $overlay-01
- Interactive color tokens

All components visual style
- Each component has been updated to reflect the new IBM Design Language
Elements page
- Formerly the Style page in the kit and Elements page has been update with the new Language influences styles.
Getting started page
- Updated instructions on how to use the kit.
Layer Styles
- Carbon color tokens are updated to with new color values