Skip to content

Add 'Archived' to StateLabel#7686

Open
JelloBagel wants to merge 4 commits intomainfrom
jellobagel-archived-state
Open

Add 'Archived' to StateLabel#7686
JelloBagel wants to merge 4 commits intomainfrom
jellobagel-archived-state

Conversation

@JelloBagel
Copy link
Contributor

@JelloBagel JelloBagel commented Mar 19, 2026

Closes # https://github.com/github/primer/issues/6478

Changelog

New

Add 'archived' status to StateLabel component

Archived StateLabel with the box icon and 'archived' text in a grey pill

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

@JelloBagel JelloBagel requested a review from a team as a code owner March 19, 2026 21:07
@changeset-bot
Copy link

changeset-bot bot commented Mar 19, 2026

🦋 Changeset detected

Latest commit: d95cfdf

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 github-actions bot added the integration-tests: recommended This change needs to be tested for breaking changes. See https://arc.net/l/quote/tdmpakpm label Mar 19, 2026
@github-actions
Copy link
Contributor

⚠️ Action required

👋 Hi, this pull request contains changes to the source code that github/github-ui depends on. If you are GitHub staff, test these changes with github/github-ui using the integration workflow. Check the integration testing docs for step-by-step instructions. Or, apply the integration-tests: skipped manually label to skip these checks.

Copy link
Contributor

Copilot AI left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull request overview

Adds an archived status to the StateLabel component so consumers can render an “Archived” state with appropriate iconography, styling, and Storybook/docs coverage (per primer/#6478).

Changes:

  • Extends StateLabel with a new status="archived" option (Archive icon + accessible label).
  • Adds archived styling in the CSS module and wires it into Storybook/Figma/docs metadata.
  • Updates unit tests and snapshots to cover the new status.

Reviewed changes

Copilot reviewed 8 out of 8 changed files in this pull request and generated 2 comments.

Show a summary per file
File Description
packages/react/src/StateLabel/StateLabel.tsx Adds archived to the status/icon map and label map (aria-label).
packages/react/src/StateLabel/StateLabel.module.css Adds visual styling for [data-status='archived'].
packages/react/src/StateLabel/StateLabel.features.stories.tsx Adds a Storybook “Archived” example.
packages/react/src/StateLabel/StateLabel.figma.tsx Exposes archived in the Figma Code Connect status enum (pull request variant).
packages/react/src/StateLabel/StateLabel.docs.json Updates docs metadata: story id + status union type includes archived.
packages/react/src/StateLabel/tests/StateLabel.test.tsx Adds test coverage for rendering and aria-label/text for archived.
packages/react/src/StateLabel/tests/snapshots/StateLabel.test.tsx.snap Adds snapshot for status="archived".

@github-actions github-actions bot requested a deployment to storybook-preview-7686 March 19, 2026 21:13 Abandoned
@primer-integration
Copy link

👋 Hi from github/github-ui! Your integration PR is ready: https://github.com/github/github-ui/pull/16508

@primer-integration
Copy link

Integration test results from github/github-ui:

Passed  CI   Passed
Passed  VRT   Passed
Passed  Projects   Passed

All checks passed!

Copy link
Contributor

@lukasoppermann lukasoppermann left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM form the design side. 👍

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

integration-tests: recommended This change needs to be tested for breaking changes. See https://arc.net/l/quote/tdmpakpm

Projects

None yet

Development

Successfully merging this pull request may close these issues.

4 participants