Overview

Both Modal and BaseModal are used similarly (and in some cases are interchangeable) but each of them have a few unique props.

Combine Modal and BaseModal in a way that also updates both of them to match designs, remove the usage of style sheets, and keep necessary props.

Note: a new Modal in atoms has already been made that uses baseModal, so probably should combine all 3.

Design

https://www.figma.com/file/bVtCogdwiXj3ndpk4AWXCx/Milestone-1%3A-Read-and-Execute?node-id=258%3A60335

Implementation Details

Props should be:

• header
• footer
• noHeaderStyles
• onCloseClick
• children
• alertOverlay
• restrictOuterScroll

Overlay background + styling should come from Overlay component

Acceptance criteria

• Modal and BaseModal should be combined into 1
• it should match designs
• update relevant tests and stories