Add className, width and height props to ConfirmationDialog

[Copilot]

Summary

This PR adds support for className, width, and height props to the ConfirmationDialog component, allowing users to customize the component's styling and dimensions.

Changes

• Added className, width, and height props to the ConfirmationDialogProps interface
• Updated the ConfirmationDialog component to pass these props to the underlying Dialog component
• Added tests to verify the new props work correctly
• Set width="medium" as default to maintain backward compatibility

Example

<ConfirmationDialog
  title="Confirm Action"
  onClose={handleClose}
  className="custom-dialog-class"
  width="large"
  height="small"
>
  Are you sure you want to continue with this action?
</ConfirmationDialog>

Fixes #6106.

---

💡 You can make Copilot smarter by setting up custom instructions, customizing its development environment and configuring Model Context Protocol (MCP) servers. Learn more Copilot coding agent tips in the docs.

[changeset-bot]

🦋 Changeset detected

Latest commit: a60db38

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!

[Copilot]

Pull Request Overview

This PR enhances the ConfirmationDialog component by allowing users to pass custom CSS classes and control its dimensions. Key updates include:

• Introducing className, width, and height props (with width defaulting to "medium") in both the interface and component implementation
• Forwarding these props to the underlying <Dialog>
• Adding tests to confirm the new props function as expected

Reviewed Changes

Copilot reviewed 2 out of 2 changed files in this pull request and generated 1 comment.

File	Description
packages/react/src/ConfirmationDialog/ConfirmationDialog.tsx	Added className, width, and height to props interface; forwarded them to <Dialog> with width="medium" as default
packages/react/src/ConfirmationDialog/ConfirmationDialog.test.tsx	Introduced tests for className, width, and height props

Comments suppressed due to low confidence (1)

packages/react/src/ConfirmationDialog/ConfirmationDialog.tsx:113

• Add a test to verify that ConfirmationDialog defaults its width to "medium" when no width prop is provided, ensuring backward compatibility is maintained.

width = 'medium',

[github-actions]

size-limit report 📦

Path	Size
packages/react/dist/browser.esm.js	94.34 KB (-0.09% 🔽)
packages/react/dist/browser.umd.js	94.5 KB (+0.03% 🔺)

[francinelucca]

👏

[primer-integration]

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

[primer-integration]

🟢 golden-jobs completed with status success.