StateLabel: Add open and closed states for no icon cases

[broccolinisoup]

For milestone open and closes states, we need a variant of the StateLabel without an icon. After talking (GitHub staff only link) with @mperrotti and @emilybrick, they gave me a 👍🏻 to add two new states open and closed for cases that do not need/have an icon.

Changelog

New

• Add open state
• Add closed state

Changed

Removed

Rollout strategy

• Patch release
• Minor release
• Major release; if selected, include a written rollout or migration plan
• None; if selected, include a brief description as to why

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
• (GitHub staff only) Integration tests pass at github/github (Learn more about how to run integration tests)

[changeset-bot]

🦋 Changeset detected

Latest commit: 65160e3

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]

👋 Hi, this pull request contains changes to the source code that github/github depends on. If you are GitHub staff, we recommend testing these changes with github/github using the integration workflow. Thanks!

[github-actions]

size-limit report 📦

Path	Size
packages/react/dist/browser.esm.js	105.65 KB (+0.09% 🔺)
packages/react/dist/browser.umd.js	105.92 KB (-0.01% 🔽)

[broccolinisoup]

This is optional - I am happy to remove it if you think it is unnecessary or confusing.

[joshblack]

@broccolinisoup seems like the AAT failures are coming from color contrast: https://primer-d5758f4231-13348165.drafts.github.io/aat-no-flag/#?testId=9a7338b81aa38bfd83ad-792f1d5d04241e89b7e1&q=s:failed 👀

[broccolinisoup]

@broccolinisoup seems like the AAT failures are coming from color contrast: https://primer-d5758f4231-13348165.drafts.github.io/aat-no-flag/#?testId=9a7338b81aa38bfd83ad-792f1d5d04241e89b7e1&q=s:failed 👀

Thanks @joshblack !! I added the "open" story to color contrast skip list.

[joshblack]

@broccolinisoup just wanted to double-check, is that story expected to fail contrast checks?

[broccolinisoup]

@broccolinisoup just wanted to double-check, is that story expected to fail contrast checks?

@joshblack I believe so—at least if the issueOpened variant is still expected to fail the contrast check. The new open status uses the same colors as issueOpened, just without an icon. Let me know if I’m missing anything.