Skip to content
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

Fixes PointerBox caret not styling correctly using sx props #1804

Merged
merged 6 commits into from Jan 26, 2022

Conversation

rezrah
Copy link
Contributor

@rezrah rezrah commented Jan 17, 2022

Doing some housekeeping to close down old issues 🧹

Closes #1508

  • Fixes bug by passing custom styles through to the Caret.
    • Removed dependency on BorderedBox including broken documentation link
    • Kept API backwards-compatible for now to avoid a breaking change.
  • Updated docs for PointerBox to new layout for consistency
  • Updated docs to remove mentions of system props, although they are still available on the API

Screenshots

Before:
Before

After:
After

Please provide before/after screenshots for any visual changes

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.

@rezrah rezrah requested review from a team and colebemis January 17, 2022 16:49
@changeset-bot
Copy link

changeset-bot bot commented Jan 17, 2022

🦋 Changeset detected

Latest commit: d191f82

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

@github-actions
Copy link
Contributor

github-actions bot commented Jan 17, 2022

size-limit report 📦

Path Size
dist/browser.esm.js 61.28 KB (+0.05% 🔺)
dist/browser.umd.js 61.66 KB (+0.05% 🔺)

backgroundColor?: string
borderColor?: string
}
} & SxProp
Copy link
Collaborator

Choose a reason for hiding this comment

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

wow i wonder if this can be removed?

Copy link
Contributor Author

Choose a reason for hiding this comment

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

🤷‍♂️ any ideas? I can't seem to coerce the types to match with sx without doing this. Couldn't find any other similar patterns either, so stuck a FIXME on it for now to come back to later. Would appreciate any suggestions 🙏

@rezrah rezrah added the react label Jan 18, 2022
@rezrah rezrah merged commit aa09ed7 into main Jan 26, 2022
@rezrah rezrah deleted the fix/pointerbox-caret-not-styling-correctly branch January 26, 2022 09:47
@primer-css primer-css mentioned this pull request Jan 26, 2022
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.

PointerBox needs to support sx props
4 participants