### 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).