fix(Snackbar): interpolate animations

[brad-decker]

You can no longer just plop a keyframe into a text string, you must interpolate it with css inside of interpolations.

ok:

const x = styled.div`animation: ${keyframe}`;

not ok:

const x = styled.div`animation: ${props => props.animation &&
keyframe}`;

ok:

const x = styled.div`animation: ${props => props.animation &&
css`${keyframe}`};

styled-components doesn't check what is returned from your interpolations and run further interpolations on them.

Summary of changes:

-

Behaviors that should be QA'd:

-

-- The following sections are optional. Delete any that do not apply. --

Known bugs that will be handled in a different PR:

-

Related functionality that will be handled in a different PR:

-

Github Issues closed by this PR:

• Resolves #

[merlinbot]

	Messages
:book:	### Modified Components * Snackbar ### PR Application * [styled-material-components-pr-329](https://styled-material-components-pr-329.now.sh)

Generated by :no_entry_sign: dangerJS