Skip to content

Conversation

Copy link
Contributor

Copilot AI commented Nov 6, 2025

Closes #

Adds an interactive Storybook example demonstrating Spinner in a GitHub PR checks UI pattern. Shows pending checks with spinners that transition to success/failure icons.

Changes

New story: PullRequestChecks

  • Displays list of 4 simulated checks (Build, Lint, Type Check, Tests)
  • Spinners for pending state, CheckCircleFillIcon for success, XCircleFillIcon for failure
  • Interactive "Run checks" button simulates sequential check execution
  • Uses Stack for layout, Text for typography, design tokens for styling
  • Includes screen reader announcements on completion

Screenshots

Initial state with pending checks:
Initial state

Completed checks:
Completed checks

Changelog

New

  • PullRequestChecks story in Spinner.examples.stories.tsx
  • CSS classes for checks list layout: .ChecksList, .CheckItem, .CheckIcon, .CheckContent, .CheckDescription

Changed

None

Removed

None

Rollout strategy

  • Patch release
  • Minor release
  • Major release; if selected, include a written rollout or migration plan
  • None; Storybook example only, no API changes

Testing & Reviewing

Story available at: Components → Spinner → Examples → Pull Request Checks

Click "Run checks" to see spinner → icon transitions

Merge checklist

Original prompt

Add a story in Spinner.examples.stories.tsx that is a list of pull request checks based on github's ui.


✨ Let Copilot coding agent set things up for you — coding agent works faster and does higher quality work when set up for your repo.

@changeset-bot
Copy link

changeset-bot bot commented Nov 6, 2025

⚠️ No Changeset found

Latest commit: f8629a6

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

This PR includes no changesets

When changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types

Click here to learn what changesets are, and how to add one.

Click here if you're a maintainer who wants to add a changeset to this PR

Copilot AI changed the title [WIP] Add story for pull request checks in Spinner.examples.stories.tsx Add Pull Request checks list story to Spinner examples Nov 6, 2025
Copilot finished work on behalf of siddharthkp November 6, 2025 08:14
Copilot AI requested a review from siddharthkp November 6, 2025 08:14
@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 Nov 6, 2025
@github-actions
Copy link
Contributor

github-actions bot commented Nov 6, 2025

👋 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. Or, apply the integration-tests: skipped manually label to skip these checks.

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.

2 participants