fix(Panel): UXD-1856 slide effects for bottom/left

[michellehuang7]

Purpose 🚀

Adjust the slide effects for different directions

Notes ✏️

• Left behaves similarly to Right
• remove the margin-right effect when slides from Bottom
• also add a showcase

Updates 📦

If you have changed a component's source code (not stories, specs, or docs), before merging your branch run yarn changeset. This will prompt you to:

• indicate if changes were patch/minor/major for each modified package
• enter a release message

Storybook 📕

http://storybooks.highbond-s3.com/paprika/UXD-1854-panel-slide

Screenshots 📸

References 🔗

https://aclgrc.atlassian.net/browse/UXD-1856 Before:

After:

Bonus showcase:

[changeset-bot[bot]]

🦋 Changeset detected

Latest commit: 83914dbf04eda93e1378da2c5783cc9a2c7edd2a

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 1 package

| Name | Type | | -------------- | ----- | | @paprika/panel | Patch |

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

[michellehuang7]

shall I add a story for this, or add pushContent as an option in showcase?

[AndreyChernykh]

@michellehuang7 I'd say pushContent as an option in showcase