ci(primitives): add capability to generate a list of icons to be used in Figma

[brionmario]

Purpose

In Figma, we currently have to manually add icons one by one to the board, which is inefficient. The inconsistency in naming conventions, due to contributions from multiple people, adds to the complexity and leads to issues when collaborating on the design system. This results in extra manual work to rename and organize icons.

Usage

To generate the icons manifest, run the following command:

cd packages/primitives
node scripts/export-icons-for-figma.mjs

This will generate a .export with the following structure:

.export
├── icons
│   ├── manifest
│   │   ├── icon-manifest.txt
│   ├── AppIcon.svg
│   ├── ...

These icons can exported to the Assets board in the Asgardeo Design Library in Figma.

The icon-manifest.txt file contains the list of icons that were exported and this list can be used to update the Figma board's icon manifest.

Related Issues

• Fixes Introduce a script to generate a list of icons and a manifest that can be exported to the Figma board #270

Related PRs

• N/A

Checklist

• UX/UI review done on the final implementation.
• Story provided. (Add screenshots)
• Manual test round performed and verified.
• Unit tests provided. (Add links if there are any)
• Documentation provided. (Add links if there are any)

Security checks

• Followed secure coding standards in http://wso2.com/technical-reports/wso2-secure-engineering-guidelines?
• Ran FindSecurityBugs plugin and verified report?
• Confirmed that this PR doesn't commit any keys, passwords, tokens, usernames, or other secrets?