Illustrations are icons which will have a fixed color, can have random height, width and are more detailed than normal icons containing multiple icons in itself. Logos will also be a part of illustrations package.
Illustrations can also be used as React components using illustrations package.
Introduced a HoverableSVG component to render icons with onClick functions as a hoverable element to avoid applying default and hover state css separately. A use case for this component is where you need to click on an icon to perform a task and icon can have color and bg-color changes on hover.
Introduced light and dark mode support in color and backgroundColor prop in Box, Text, HoverableSVG, Skeleton, separator and icons.
Type of Change
[ ] Bug fix
[x] New feature
[ ] Code refactor
[ ] Documentation update
[ ] Other (please describe):
Checklist
[ ] Quick PR: Is this a quick PR? Can be approved before finishing a coffee.
[ ] Quick PR label added
[ ] Not Merge Ready: Is this PR dependent on some other PR/tasks and not ready to be merged right now.
Pull Request Template
Ticket Number
Description
Type of Change
Checklist
Frontend Guidelines
Build & Testing
Screenshots/Video with Explanation
Before: Explain the previous behavior
After: What's changed now
Additional Context
Review & Approvals
Notes