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

feat: Add New Icons #2288

Open
wants to merge 34 commits into
base: main
Choose a base branch
from
Open

feat: Add New Icons #2288

wants to merge 34 commits into from

Conversation

renatamottam
Copy link
Contributor

@renatamottam renatamottam commented Apr 22, 2024

What's the purpose of this pull request?

This PR updates our icon library to fit the new VTEX Design Foundation.

Activities

  • Add new symbols to our files
  • Update FS Core store icons chore: Replace icons props #2292
  • Extra: removed duplicated icons for the new version (the duplicates remain on the deprecated icons)
    - Ellipsis → fs-dots-three
    - CircleWavyCheck → fs-seal-check
    - CircleWavyWarning → fs-seal-warning

Next Steps (to be done on other PRs)

  1. Update reference of Icons on all doc pages
  2. Create a migration doc page
  3. Fix Rating component

For the Future

  • Add more icons to our lib
  • Improve flow of adding new icons
  • Remove deprecated icons

How it works?

Before After
Screenshot 2024-04-23 at 11 36 05 Screenshot 2024-04-23 at 14 07 09

For now, we're going to accept both symbol styles, but all new symbols added by us will be following the new pattern and the old will be deprecated eventually. Some important changes on the Icon component:

  • Icon's size will be defined using size prop
  • Our new default size is 24
  • height, width and weight props are now marked as deprecated (but it's still working)

How to test it?

@renatamottam renatamottam self-assigned this Apr 22, 2024
Copy link

vercel bot commented Apr 22, 2024

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Comments Updated (UTC)
faststore-site ✅ Ready (Inspect) Visit Preview 💬 Add feedback Jan 31, 2025 0:25am

Copy link

codesandbox-ci bot commented Apr 22, 2024

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.

@renatamottam renatamottam changed the title Feat: Add New Icons [Major] Feat: Add New Icons May 2, 2024
@renatamottam renatamottam reopened this Jan 7, 2025
@renatamottam renatamottam changed the title [Major] Feat: Add New Icons feat: Add New Icons Jan 9, 2025
.replace(/\/([^\/]*)\//, '/$1-')}`
)
}
// const { pathname } = new URL(request.url)
Copy link
Contributor

Choose a reason for hiding this comment

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

🎗️ TODO: uncomment this part when merging.

@renatamottam renatamottam marked this pull request as ready for review January 20, 2025 20:55
@renatamottam renatamottam requested a review from a team as a code owner January 20, 2025 20:55
@renatamottam renatamottam requested review from eduardoformiga and lucasfp13 and removed request for a team January 20, 2025 20:55
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.

3 participants