PromucFlow_constructor/app/client/packages/icons
Ashok Kumar M 30c8c19903
fix: Anvil drag preview for section widget (#33198)
[![workerB](https://img.shields.io/endpoint?url=https%3A%2F%2Fworkerb.linearb.io%2Fv2%2Fbadge%2Fprivate%2FU2FsdGVkX18H87gqPGccHjVNrPYllSmccMtNxEeurfo%2Fcollaboration.svg%3FcacheSeconds%3D60)](https://workerb.linearb.io/v2/badge/collaboration-page?magicLinkId=KIoqQw3)
## Description
- Adding Section widget thumbnail icons
- removing shared component of widget card UI
- adding anvil component for widget preview used while dragging.


Fixes #`Issue Number`  
_or_  
Fixes `Issue URL`
> [!WARNING]  
> _If no issue exists, please create an issue first, and check with the
maintainers if the issue is valid._

## Automation

/ok-to-test tags="@tag.Anvil"

### 🔍 Cypress test results
<!-- This is an auto-generated comment: Cypress test results  -->
> [!TIP]
> 🟢 🟢 🟢 All cypress tests have passed! 🎉 🎉 🎉
> Workflow run:
<https://github.com/appsmithorg/appsmith/actions/runs/8983616703>
> Commit: d96144a3fa20e855dfc638ca2f4410a507db1812
> Cypress dashboard url: <a
href="https://internal.appsmith.com/app/cypress-dashboard/rundetails-65890b3c81d7400d08fa9ee5?branch=master&workflowId=8983616703&attempt=1"
target="_blank">Click here!</a>

<!-- end of auto-generated comment: Cypress test results  -->





## Communication
Should the DevRel and Marketing teams inform users about this change?
- [ ] Yes
- [x] No
2024-05-07 16:35:38 +05:30
..
src fix: Anvil drag preview for section widget (#33198) 2024-05-07 16:35:38 +05:30
.env.example chore: add appsmith icon package (#32927) 2024-04-26 15:37:09 +03:00
.eslintrc.json chore: add appsmith icon package (#32927) 2024-04-26 15:37:09 +03:00
.gitignore chore: add appsmith icon package (#32927) 2024-04-26 15:37:09 +03:00
.prettierignore chore: add appsmith icon package (#32927) 2024-04-26 15:37:09 +03:00
figmagic.json chore: add appsmith icon package (#32927) 2024-04-26 15:37:09 +03:00
package.json chore: add appsmith icon package (#32927) 2024-04-26 15:37:09 +03:00
README.md chore: add appsmith icon package (#32927) 2024-04-26 15:37:09 +03:00
tsconfig.json chore: add appsmith icon package (#32927) 2024-04-26 15:37:09 +03:00

Appsmith Icons

We automatically import icons from Figma, optimise and prepare some of them for further use in the main app.

NOTE: All files in folders are created automatically. Do not change them manually, after running generation scripts, the changes will be lost. To make changes, see the files in the utils folder.

How to use?

To update the icons, you only need to run the generate-icons script — yarn run build.

To make everything work right, you just need to set Figma token (press Get personal access token) in the .env file. It's easy to create .env file, just copy .env.example.

import { ButtonIcon } from "appsmith-icons";

<ButtonIcon />

Used packages

  • Figmagic — provides an interface for importing graphics from Figma.
  • SVGO — optimizes SVG