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

refactor: icons to use variants default and small, closes #4950 #4957

Merged
merged 3 commits into from
Feb 19, 2024

Conversation

fbwoolf
Copy link
Contributor

@fbwoolf fbwoolf commented Feb 17, 2024

Try out this version of Leather — Extension build, Test report

Refactored the icons to now use a variant prop bc the design team does not want us to simply scale the svg. There are now two svgs for default and small so that the strokeWidth is accurate depending on the size. I think this is the best approach for implementing this, but open to other ideas.

If a different size is needed, you can still pass a width prop to change the size, but the strokeWidth will scale ...which is what the design team asked for in the new issue linked here.

The new default size is 24x24. We had previously been using 16x16 ('sm') as the default. So, in this PR I went thru and tried to QA changing all the icons for what seemed most accurate with our current UI. Please QA and let me know if you find any I missed if the scale is off. cc @fabric-8

@fbwoolf fbwoolf linked an issue Feb 17, 2024 that may be closed by this pull request
Copy link
Contributor

@fabric-8 fabric-8 left a comment

Choose a reason for hiding this comment

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

THANK YOU!

@fbwoolf fbwoolf added this pull request to the merge queue Feb 19, 2024
@github-merge-queue github-merge-queue bot removed this pull request from the merge queue due to failed status checks Feb 19, 2024
@fbwoolf fbwoolf added this pull request to the merge queue Feb 19, 2024
@github-merge-queue github-merge-queue bot removed this pull request from the merge queue due to failed status checks Feb 19, 2024
@fbwoolf fbwoolf added this pull request to the merge queue Feb 19, 2024
@github-merge-queue github-merge-queue bot removed this pull request from the merge queue due to failed status checks Feb 19, 2024
Copy link
Contributor

@pete-watters pete-watters left a comment

Choose a reason for hiding this comment

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

🚀

@fbwoolf fbwoolf force-pushed the refactor/icons-again branch from 722e5e9 to 524d5e8 Compare February 19, 2024 15:57
@fbwoolf fbwoolf force-pushed the refactor/icons-again branch from 524d5e8 to 1d55f2b Compare February 19, 2024 15:58
@fbwoolf fbwoolf force-pushed the refactor/icons-again branch from c98fd61 to 4c9c532 Compare February 19, 2024 22:36
@fbwoolf fbwoolf added this pull request to the merge queue Feb 19, 2024
Merged via the queue into dev with commit 0ff7701 Feb 19, 2024
28 checks passed
@fbwoolf fbwoolf deleted the refactor/icons-again branch February 19, 2024 23:03
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.

Option for size-specific icons
4 participants