data-component adr part 4

[llastflowers]

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

Changelog

New

Add data-component attributes and associated tests for Hidden, InlineMessage, KeybindingHint, Label, and LabelGroup

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-ui (Learn more about how to run integration tests)

[changeset-bot]

🦋 Changeset detected

Latest commit: e0b74cf

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]

⚠️ 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.

To publish a canary release for integration testing, apply the Canary Release label to this PR.

[Copilot]

Pull request overview

Adds stable data-component attributes for several @primer/react components as part of the ADR-driven stable selector rollout, with unit tests covering the new selectors.

Changes:

• Adds data-component to Hidden, InlineMessage, KeybindingHint, Label, and LabelGroup roots.
• Adds tests asserting those selectors are rendered.
• Updates LabelGroup’s two render paths to include the selector.

Show a summary per file

File	Description
packages/react/src/Hidden/Hidden.tsx	Adds data-component="Hidden" to the root div.
packages/react/src/Hidden/Hidden.test.tsx	Tests Hidden selector rendering.
packages/react/src/InlineMessage/InlineMessage.tsx	Adds data-component="InlineMessage" to the root div.
packages/react/src/InlineMessage/InlineMessage.test.tsx	Tests InlineMessage selector rendering.
packages/react/src/KeybindingHint/KeybindingHint.tsx	Adds data-component="KeybindingHint" to the rendered kbd wrapper.
packages/react/src/KeybindingHint/KeybindingHint.test.tsx	Tests KeybindingHint selector rendering.
packages/react/src/Label/Label.tsx	Adds data-component="Label" to the polymorphic root.
packages/react/src/Label/Label.test.tsx	Tests Label selector rendering.
packages/react/src/LabelGroup/LabelGroup.tsx	Adds data-component="LabelGroup" to both LabelGroup root render paths.
packages/react/src/LabelGroup/LabelGroup.test.tsx	Tests LabelGroup selector rendering for the default path.

Copilot's findings

• Files reviewed: 11/11 changed files
• Comments generated: 2

[primer-integration]

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

[primer-integration]

Integration test results from github/github-ui:

  CI Passed
  VRT Passed
  Projects Passed

All checks passed!