feat(lgshadow): update drop shadow to new design

[ashB100]

Description

Canopy lgShadow directive added a box-shadow to its host component. However, the box-shadow value was from an older design. Canopy designs has a new desgin for drop shadows. Navigation cards already has the updated drop shadow styles. However, it hardcodes the value in .lg-card--navigation class.

This PR:

• Updates the --drop-shadow CSS custom property the latest Canopy design box-shadow value
• Creates a new CSS custom property called --box-shadow-hover and sets its value to the latest Canopy drop shadow hover state value
• Updates .lg-card--navigation to use the --drop-shadow CSS custom property, instead of hardcoding it in the class. box-shadow: var(--drop-shadow);
• Updates .lg-card--navigation:hover to use the --box-shadow-hover CSS custom property, instead of hardcoding it in the class. box-shadow: var(--drop-shadow-hover);
• Adds a hasHoverState input to LgShadowDirective. Users can opt in to add a hover state drop shadow to their component (typically a card), by setting the hasHoverState.
• Adds unit tests for hasHoverState input in LgShadowDirective
• Updates storybook guide and examples for Shadow
• Updates storybook guide and examples for Promotions

Fixes # (issue)

Requirements

Please briefly outline any requirements for the work which may aid the testing and review process.

Design link: (link to design or delete if not required)
Screenshot: (if appropriate provide a quick screen grab of the changes)

Checklist:

• The commit messages follow the convention for this project
• I have provided an adequate amount of test coverage
• I have added the functionality to the test app
• I have provided a story in storybook to document the changes
• I have added the documentation
• I have added any new public feature modules to public-api.ts

[elenagarrone]

Looks good 👍 Thank you 🙏

[owensgit]

Great work @ashB100, just a tiny suggestion from me

[Xinchro]

🚀

[github-actions]

🎉 This PR is included in version 13.0.2 🎉

The release is available on:

• npm package (@latest dist-tag)
• GitHub release

Your semantic-release bot 📦🚀