Add 'unavailable' status to StatusLabel

[mperrotti]

Relates to https://github.com/github/primer/issues/2679

Changelog

New

The status prop now accepts 'unavailable'

Changed

Removed

Rollout strategy

• Patch release
• Minor release
• Major release; if selected, include a written rollout or migration plan

Testing & Reviewing

Merge checklist

• Added/updated tests
• Added/updated documentation
• Added/updated previews (Storybook)
• Changes are SSR compatible
• Tested in Chrome
• Tested in Firefox
• Tested in Safari
• Tested in Edge
• Integration tests pass at github/github (Learn more about how to run integration tests)

Take a look at the What we look for in reviews section of the contributing guidelines for more information on how we review PRs.

[changeset-bot]

🦋 Changeset detected

Latest commit: 2a85556

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

This PR includes changesets to release 1 package

Name	Type
@primer/react	Minor

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

[github-actions]

Uh oh! @mperrotti, the image you shared is missing helpful alt text. Check your pull request body.

Alt text is an invisible description that helps screen readers describe images to blind or low-vision users. If you are using markdown to display images, add your alt text inside the brackets of the markdown image.

Learn more about alt text at Basic writing and formatting syntax: images on GitHub Docs.

[github-actions]

size-limit report 📦

Path	Size
dist/browser.esm.js	104.54 KB (+0.15% 🔺)
dist/browser.umd.js	105.09 KB (+0.16% 🔺)

[pksjce]

This looks good to me! But I could not find the design decisions for this status type in https://primer.style/ui-patterns/degraded-experiences

[mperrotti]

@pksjce - I don't think it needs to repeated be on both pages.