Skip to content

Button: Make the usage of the dialog more clear #3969

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Closed
wants to merge 13 commits into from

Conversation

maximedegreve
Copy link
Contributor

@maximedegreve maximedegreve commented Nov 23, 2023

Changelog

  • Marked the old component as (deprecated) in Storybook to clarify that it's outdated and should no longer be used.
  • Updated the close button in the new Dialog to ensure it has the proper border radius.
  • Fix the buttons by removing the deprecated buttons
  • Changed the subtitle to a regular weight

Before and after of the changes I've made

Before and after of the changes I've made on the close button

New

Nothing

Changed

  • Use IconButton for the close button.
  • Use new Button instead of the deprecated ones to ensure the styling is correctly
  • Use a subtitle with a regular weight to match the expected design
  • Add a deprecated label to the old Dialog component in Storybook

Removed

Nothing

Rollout strategy

  • Patch release
  • Minor release
  • Major release; if selected, include a written rollout or migration plan

Testing & Reviewing

Merge checklist

Take a look at the What we look for in reviews section of the contributing guidelines for more information on how we review PRs.

@maximedegreve maximedegreve requested review from a team and pksjce November 23, 2023 17:01
Copy link

changeset-bot bot commented Nov 23, 2023

🦋 Changeset detected

Latest commit: e907c15

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 Patch

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

Copy link
Contributor

github-actions bot commented Nov 23, 2023

size-limit report 📦

Path Size
dist/browser.esm.js 103.52 KB (-0.79% 🔽)
dist/browser.umd.js 104.02 KB (-0.82% 🔽)

@github-actions github-actions bot temporarily deployed to storybook-preview-3969 November 23, 2023 17:08 Inactive
@github-actions github-actions bot temporarily deployed to storybook-preview-3969 November 23, 2023 17:12 Inactive
Copy link
Contributor

@pksjce pksjce left a comment

Choose a reason for hiding this comment

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

Some context I found on this particular fix.

We have an accessibility bug as well as a react bug which was fixed here (has similar changes) and reverted here

I think this is a good change but I wonder if the problem faced by the previous revert is fixed here.

@@ -8,7 +8,7 @@ import {Dialog, DialogWidth, DialogHeight} from './Dialog/Dialog'
/* Dialog Version 1? */

export default {
title: 'Components/DialogV1',
title: 'Components/Dialog (deprecated)',
Copy link
Contributor

Choose a reason for hiding this comment

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

Do you think it'd be better to move this to the deprecated folder?

Copy link
Contributor Author

@maximedegreve maximedegreve Nov 24, 2023

Choose a reason for hiding this comment

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

Good idea that's even more clear!

@pksjce
Copy link
Contributor

pksjce commented Nov 24, 2023

There was also another effort that was reverted with similar intentions

@github-actions github-actions bot temporarily deployed to storybook-preview-3969 November 24, 2023 13:39 Inactive
@github-actions github-actions bot temporarily deployed to storybook-preview-3969 November 24, 2023 13:58 Inactive
@github-actions github-actions bot temporarily deployed to storybook-preview-3969 November 24, 2023 14:02 Inactive
@mperrotti
Copy link
Contributor

It looks like we were able to get the correct buttons used in this PR: #4049

Copy link
Contributor

Hi! This pull request has been marked as stale because it has been open with no activity for 60 days. You can comment on the pull request or remove the stale label to keep it open. If you do nothing, this pull request will be closed in 7 days.

@github-actions github-actions bot added the Stale label Feb 17, 2024
@github-actions github-actions bot closed this Feb 24, 2024
@github-actions github-actions bot deleted the features/button-clarity branch February 24, 2024 23:04
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants