Feat/status dialog

[bsahitya]

Description

• Add status dialog component
• Add knapsack documentation for the component

What's included?

• A status dialog component with the states: error|warning|positive
• Allows uses to optionally add additional details
• Knapsack documentation for the components

Test Steps

• [x] npm run storybook
• [x] then open status dialog
• [x] view the demos and change the controls to interact with the component

General Tests for Every PR

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

Screenshots or link to StackBlitz/Plunker

[adamnel]

Dunno if it's a local problem for me but the colored bar to the left side isn't showing up.

[bsahitya]

Dunno if it's a local problem for me but the colored bar to the left side isn't showing up.

Dunno if it's a local problem for me but the colored bar to the left side isn't showing up.

@adamnel This is an issue with the covalent scss tokens not being converted correctly to css variables. The % symbol in some of the scss tokens is causing the issue. The fix is included in this PR. So once the PR is merged all the tokens will be available and the colors will be visible. But, to test locally, you would have to build the tokens again and include them in the project.

• Run the command npx nx run tokens:build
• This will create a dist folder in the project root.
• Navigate to dist/libs/tokens copy all the files.
• Navigate to node_modules/@covalent/tokens and replace the files with the newly copied files.

[owilliams320]

:tada: This PR is included in version 8.14.0 :tada:

The release is available on:

• v8.14.0
• GitHub release

Your semantic-release bot :package::rocket: