Overview
We're excited to announce the v9 release of carbon-components! Please refer to the migration guides for specific details on how to migrate to v9 for the affected components.
Global updates
- All components are now being written in Handlebars. The generated HTML files from these Handlebars files can be found in the
htmlfolder. (For those who have usedhtmlfolder in V8, there are some HTML file name changes in some components, e.g. Accordion and Button) - All components are now using the updated color palette, read more about these changes on our website.
- Updated to use the newest version of Carbon Icons which uses the Duo icons
Components
New
Inline Code Snippet
The inline style is for code used within a block of text. Comes with both default and a light option.
Definition Tooltip
The primary purpose of a Definition Tooltip is to provide additional help or define an item or term.
Icon Tooltip
An Icon Tooltip is used to clarify the action or name of an interactive icon button.
Updated
Inputs and Form elements
All input components and form elements have been updated with a new visual style so they meet the new WCAG 3:1 color ratio, and they are now offered in both a default and a light version. This includes:
- DatePicker
- Dropdown
- MultiSelect
- NumberInput
- Select
- Slider
- TextInput
- TextArea
- TimePicker
We've removed all margins from the bx--form-item element.
Single-line Code Snippet (formerly Terminal Code Snippet)
The single style is for single-line code snippets.
Multi-line Code Snippet (formerly Code snippet)
The multi-line style is for larger, multi-line code snippets.
Interactive Tooltip (formerly Tooltip)
Interactive tooltips can now contain interactive elements and opens on click.
Deprecated
Add-ons components
The following components have been removed from the library, and are now available only through the vanilla Cloud Add-on repo.
- Card
- Detail page header
- Interior Left Nav
- Order summary
9.0.0 (2018-06-04)
Bug Fixes
- code-snippet: fixed a render issue for the light version (#817) (bc25d02)
- code-snippet: fixed feedback not showing up in firefox (#852) (5fede2d)
- code-snippet: Update templates (#779) (7507fa3)
- components: some small fixes for v9 (#812) (94310f7)
- docs: Update Component docs (#815) (bf839d0)
- form: fixed button width (#819) (f71e2c5)
- icons: Update data table v2 & card icons (#826) (26ef469)
- icons: update icons, other small fixes (#849) (e63b586)
- multi-select: fix HTML structure of multi select (#840) (71d438e)
- multi-select: update hover color (#830) (85405a7)
- pagination: bring v2 version back (#782) (22b2580)
- pagination: fix text input position in pagination V1 (#841) (7226b32)
- pagination: update colors (#832) (8252b59)
- Add back in js positioning (c98d249)
- Add code snippet example skeleton state html (#827) (8171034)
- radio: Update radio + checkbox border colors (#834) (248c34e)
- search: close button positioning for custom react search (#835) (311cdd1)
- test: remove orphaned tests (#866) (90ef035)
- tooltip: Definition tooltip positioning fix (#843) (23ea760)
- tooltip: position fix (#848) (473e39f)
- tooltip: update tooltip definition markup (51b956a)
- v9: small fixes to components (#838) (7dd1465)
Features
- introduce V9 (#825) (df65fd9), closes #756 #579 #761 #773 #720 #742 #737 #746 #739 #747 #748 #751 #749 #750 #752 #713 #755 #754 #753 #757 #766 #767 #768 #779 #782 #783 #785 #746 #748 #749 #713 #778 #777 #784 #714 #800 #803 #801 #746 #713 #786 #780 #787 #788 #789 #791 #794 #793 #798 #808 #809 #810 #812 #811 #819 #815 #817 #818 #822 #827 #836 #835 #834 #826 #832 #830 #838 #840 #841 #843 #846 #848 #849 #852 #853 #855 #854 #861 #862 #864
- checkbox: Update checkboxes to match new icon set (#822) (94e938c)
- code-snippet: Add new Code snippet variation and styles (#761) (724de68)
- inputs: fixed old pr and added inputs and colors work (#756) (8cfd4c6)
- package: introduce v9 (a661192)
- slider: Light variation (#818) (50da4ec)
- tooltip: add definition tooltip (#714) (6dea280)
BREAKING CHANGES
- package: introduce v9
- update to v9