@carbon/charts
Version:
Carbon charting components
66 lines (47 loc) • 2.33 kB
Markdown
### HTML
HTML for Modals have been given a siginificant overhaul. Previously, there were
3 distinct types of modals. Now, Modals simply adhere to a simple 3-part HTML
structure for better composability:
A Modal can be made of these parts:
- Modal Header
- Modal Content
- Modal Footer
The Modal Footer will contain actions, usually a set of buttons. The most common
patterns for Modals will usually be Modals with a footer and Modals without a
footer.
With that said, it will be best to copy and paste the new HTML for Modal to
capture all of the latest changes.
### SCSS
The `_modal.scss` file is now located at `src/components/modal/_modal.scss`. You
will need to update any `@import` statements for this file to reflect this
change.
**New**:
```scss
@import 'path_to_node_modules/carbon-components/src/components/modal/modal';
```
**Old**:
```scss
@import 'path_to_node_modules/@console/bluemix-components/src/components/modal/modal';
```
Some classes have been changed. Some old classes have been repurposed to take on
different meanings or hook in different kinds of styles. Below is a subset of
changes that you can expect, but does not cover all changes. It will be best to
use the newest HTML as a template for new Modals.
| Old Class | New Class | Note |
| ---------------------------- | ----------------------- | ------- |
| bx--modal-content\_\_label | | Removed |
| bx--modal-content\_\_heading | | Removed |
| bx--modal-content\_\_text | | Removed |
| | bx--modal-footer | Added |
| | bx--modal-header | Added |
| bx--modal-inner | bx--modal-container | Changed |
| bx--modal\_\_close | bx--modal-close | Changed |
| bx--modal\_\_close--icon | bx--modal-close\_\_icon | Changed |
### JavaScript
The `getTransitionDuration` function is no longer used.
The `hookCloseActions` method is now a private method, so it's been renamed to
`_hookCloseActions`.
A new private method has been added called `_getLaunchingDetails`, which is used
inside the `show` public method.
The `static hook` method has been removed since it was deprecated in the
previous major version (6.x).