Skip to content

[WIP] Getting the Label component to beta #1790

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 4 commits into from
Closed

Conversation

mperrotti
Copy link
Contributor

@mperrotti mperrotti commented Jan 12, 2022

I'm proposing we deprecate the current Label, StateLabel, and possibly CounterLabel components and introduce a new one where we support the design work @auareyou has been doing. Design issue link: https://github.com/github/primer/issues/192
The current Label component would require breaking changes in order to be compatible with color modes, so it would be impossible to get it to Beta.

TODO:

  • Get the React documentation to render the new Label and StateLabel components instead of the old ones (help wanted)
  • Review the latest designs for labels to confirm I'm still going in the right direction

Screenshots

Coming soon

Merge checklist

  • Added/updated tests
  • Added/updated documentation
  • Tested in Chrome
  • Tested in Firefox
  • Tested in Safari
  • Tested in Edge

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

Relevant links

https://github.com/github/primer/issues/568
https://github.com/github/primer/issues/192

@changeset-bot
Copy link

changeset-bot bot commented Jan 12, 2022

⚠️ No Changeset found

Latest commit: a49a484

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

@mperrotti mperrotti temporarily deployed to visual-testing January 12, 2022 17:46 Inactive
@github-actions
Copy link
Contributor

github-actions bot commented Jan 12, 2022

size-limit report 📦

Path Size
dist/browser.esm.js 61.25 KB (0%)
dist/browser.umd.js 61.63 KB (0%)


```javascript live noinline
// import {Label} from '@primer/react/drafts'
const {Label} = drafts // ignore docs silliness; import like that ↑
Copy link
Contributor Author

Choose a reason for hiding this comment

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

We can remove these once #1785 is merged

@mperrotti
Copy link
Contributor Author

Closing this PR to open a new one that's smaller in scope.

Instead of trying to anticipate what the new design patterns will be, we're just going to get the React Label component in sync with the ViewComponents Label component

@mperrotti mperrotti closed this Jan 13, 2022
@joshblack joshblack deleted the mp/label-to-beta branch January 19, 2023 16:47
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

1 participant