PromucFlow_constructor/app/client/packages/icons
Pawan Kumar 68e1bcf9fa
chore: Input morphing (#35845)
/ok-to-test tags="@tag.Widget"

<!-- This is an auto-generated comment: release notes by coderabbit.ai
-->
## Summary by CodeRabbit


- **New Features**
	- Added new input widgets: Email, Password, Number, and Multiline.
	- Enhanced configuration options for phone and currency inputs.

- **Bug Fixes**
- Improved type handling for input properties, ensuring better
validation and reliability.

- **Documentation**
- Updated widget exports for better modularity and usage across the
application.

- **Chores**
- Introduced new constants to support the latest input widget types in
the application.

<!-- end of auto-generated comment: release notes by coderabbit.ai -->

<!-- This is an auto-generated comment: Cypress test results  -->
> [!TIP]
> 🟢 🟢 🟢 All cypress tests have passed! 🎉 🎉 🎉
> Workflow run:
<https://github.com/appsmithorg/appsmith/actions/runs/10572140876>
> Commit: a5c4b41eb615a6c655439f977fc0442cf0e0a237
> <a
href="https://internal.appsmith.com/app/cypress-dashboard/rundetails-65890b3c81d7400d08fa9ee5?branch=master&workflowId=10572140876&attempt=1"
target="_blank">Cypress dashboard</a>.
> Tags: `@tag.Widget`
> Spec:
> <hr>Tue, 27 Aug 2024 06:28:05 UTC
<!-- end of auto-generated comment: Cypress test results  -->

---------

Co-authored-by: Pawan Kumar <pawankumar@Pawans-MacBook-Pro-2.local>
2024-08-27 12:15:45 +05:30
..
src chore: Input morphing (#35845) 2024-08-27 12:15:45 +05:30
.env.example
.eslintrc.json
.gitignore
.prettierignore
figmagic.json
package.json chore: Input morphing (#35845) 2024-08-27 12:15:45 +05:30
README.md
tsconfig.json chore: Input morphing (#35845) 2024-08-27 12:15:45 +05:30

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