feat: Add Status as a separate component

[musingh1]

Status

A status graphically represents someone's or something's state. Updated the Avatar component to consume this

TODO

• Conformance test
• Minimal doc site example
• Stardust base theme
• Teams Light theme
• Teams Dark theme
• Teams Contrast theme
• Confirm RTL usage
• W3 accessibility check
• Stardust accessibility check
• Update glossary props table
• Update the CHANGELOG.md

API Proposal

state

Common states are included.

color, icon

The color and icon props are used for creating custom states.

Usage in Avatar

The alignment and size has been fixed.

The state prop is used to denote the current availability of the user.

<Status state="success" icon="check" />

<span class="ui-status y z ab ac dj ae af ag">
    <span class="ui-icon ah aj w ai ak al am an h ao ap aq ar as at au dk ax ay az ba q bb dp bd" aria-hidden="true">
    </span>
</span>

[codecov]

Codecov Report

❗ No coverage uploaded for pull request base (master@2578702). Click here to learn what that means.
The diff coverage is 100%.

@@            Coverage Diff            @@
##             master     #208   +/-   ##
=========================================
  Coverage          ?   91.53%           
=========================================
  Files             ?       61           
  Lines             ?     1028           
  Branches          ?      136           
=========================================
  Hits              ?      941           
  Misses            ?       83           
  Partials          ?        4

Impacted Files	Coverage Δ
src/index.ts	100% <100%> (ø)
src/components/Avatar/Avatar.tsx	96.66% <100%> (ø)
src/components/Status/index.ts	100% <100%> (ø)
src/components/Status/Status.tsx	100% <100%> (ø)

---

Continue to review full report at Codecov.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update 2578702...110ebca. Read the comment docs.

[levithomason]

This looks good for a first take. We will likely iterate a bit on this moving forward, but we have what we need here to get a good start. Thanks!

👍