feat(components): full screen dialog and focused page web components

[bsahitya]

Description

• Add the below web components:
  • Full-screen dialog (cv-full-screen-dialog). It uses the cv-dialog component internally.
  • Focused page (cv-focused-page)

What's included?

• Focused page component with a default slot for content and a help slot for help content.
  • helpOpen: Toggles the help section open/close
  • helpResizable: Whether the help section is resizable
  • hideTopBorder: Whether the top border should be hidden
• Fullscreen dialog component with a default slot for content and a help slot for help content.
• Includes the below properties in addition to the properties of focused page. It extends the focused page and cv-dialog components:
  • open: Toggles the component open/close
  • escapeKeyAction: Action to be taken when escape is pressed ('close` is the default action)

Test Steps

• npm run storybook
• Navigate to the Fullscreen dialog and Focused page stories
• Play around with the properties

General Tests for Every PR

• npm run start still works.
• npm run lint passes.
• npm run stylelint passes.
• npm test passes and code coverage is not lower.
• npm run build still works.

Screenshots or link to StackBlitz/Plunker

[adamnel]

When the view is more narrow, and I open the help over the content, closing the help doesn't appear to clear the toggled state of the help icon. Seeing this on both new components:

[owilliams320]

🎉 This PR is included in version 8.23.0 🎉

The release is available on:

• v8.23.0
• GitHub release

Your semantic-release bot 📦🚀