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
chore(display-pill-group): update design for v2 #2515
Conversation
TheSisb
commented
Jul 5, 2022
- Upgrade DisplayPillGroup designs for v2.
- Clean up stories and examples on website.
🦋 Changeset detectedLatest commit: 3714e12 The changes in this PR will be included in the next version bump. This PR includes changesets to release 2 packages
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 |
✅ Deploy Preview for paste-theme-designer ready!
To edit notification comments on pull requests, go to your Netlify site settings. |
✅ Deploy Preview for paste-docs ready!
To edit notification comments on pull requests, go to your Netlify site settings. |
This pull request is automatically built and testable in CodeSandbox. To see build info of the built libraries, click here or the icon next to each commit SHA. Latest deployment of this branch, based on commit 3714e12:
|
Test summaryRun details
View run in Cypress Dashboard ➡️ Flakiness
This comment has been generated by cypress-bot as a result of this project's GitHub integration settings. You can manage this integration in this project's settings in the Cypress Dashboard |
Size Change: -26 B (0%) Total Size: 596 kB
ℹ️ View Unchanged
|
0ea079d
to
c2cc4fd
Compare
@@ -48,10 +48,8 @@ export const DisplayPill = React.forwardRef<HTMLAnchorElement, DisplayPillProps> | |||
_hover={{ | |||
textDecoration: 'none', | |||
}} | |||
_focusVisible={{ | |||
backgroundColor: 'colorBackgroundPrimaryWeakest', | |||
_focus={{ |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
nitpick: can we remove the text-decoration on the focus state?
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Code looks fine, just design review to go
6567cf0
to
9ff25ff
Compare
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
left some comments in chromatic
icon color should use color-text-icon
and gap between the pills should be 4px to match form pill
21fe2f8
to
3714e12
Compare