Eric Soderberg

#### What does this PR do? Changed Box to use row-gap and column-gap when not border='between'. #### Where should the reviewer start? StyledBox.js #### What testing has been done on...

We should change Box to use https://www.w3.org/TR/css-align-3/#gaps instead of inserting an element to control it.

Changed Drop to add onFocusOutside

3

#### What does this PR do? Changed Drop to add onFocusOutside. This allows callers to combine `dropProps: { inline: true, trapFocus: false, onFocusOutside: () => {} }` to get Firefox-like...

We don't think we can avoid the code duplication errors from code-climate. We should ignore them so they aren't noisy.

This is an exploration into adding a `Data` component. ## Simple At it's simplest, one could do something like: ``` ``` [Preview](https://deploy-preview-6343--sad-tereshkova-173d07.netlify.app/?path=/story/layout-data-simple--simple&globals=theme:hpe) ## Variations ### data driven containers Substitute `List`...

Rather than have all icon viewboxes be 24x24, change them to align with the edges of the graphic in each icon. This will make it easier for CSS to drive...

From Edgar: > When deleting an option from a CheckBoxGroup, the option should also get removed from value.

Tutorial video

3

Create multiple

pre-published starter designs

2

Publish a small number of designs that would provide good starting places. For example: * simple app * enterprise app * marketing * news

Allow adding ResponsiveContext such that designs can show responsive behavior. Have to think about what's the best way to represent this. One generally uses ResponsiveContext.Consumer to get the current breakpoint...