feat(Icon): Process Teams icons for use in Stardust

[codepretty]

Converted the majoirty of svg icons we have in Teams today to be consumed in Stardust. I created a separate folder for these icons ProcessedIcons. As new icons are needed in Stardust, we can move them from ProcessedIcons to icons. This way we will only add the icons we need to the Teams theme.

In order to find the icon you want to use, I created a new page for viewing all the processed icons.

There are 2 scripts I used for converting Icons:

1. stardust-icons.sh - this runs through a directory of Angular Teams SVGs and converts to .tsx files ready to be consumed by Stardust.
2. create-index.sh - creates a new index.ts file for the icons based on the files in its directory.

Question:

1. In the processed icon viewer, teams theme icons are included in that view. How would I only show the processed icons? Thanks @mnajdova! I fixed this using your suggestion below.

[codecov]

Codecov Report

Merging #478 into master will not change coverage.
The diff coverage is n/a.

@@           Coverage Diff           @@
##           master     #478   +/-   ##
=======================================
  Coverage   87.53%   87.53%           
=======================================
  Files          46       46           
  Lines        1532     1532           
  Branches      192      192           
=======================================
  Hits         1341     1341           
  Misses        186      186           
  Partials        5        5

---

Continue to review full report at Codecov.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update 837c7d1...da13b01. Read the comment docs.

[mnajdova]

@codepretty regarding your question. As in the prototypes we are merging the providers, you will always end up with all icons there (stardust + processed). My suggestion would be, when you are exporting the processed, add some prefix in the icons' names (processed or something like that), and then we you are looping over all icons, you can display just the processed ones. Let me know if this makes sense to you, or if you need help with implementing it.

[kuzhelov]

note that with the following prepend processing semantics the order of icons will be reversed alphabetical. So, would suggest either

• ensure that icons are sorted properly at the point when their name is mapped to react elements (would prefer this option)
• or use -r flag for ls command on this line: https://github.com/stardust-ui/react/pull/478/files#diff-2c8401364afce39e9a7dc9c807267b5aR8

[kuzhelov]

👍

[kuzhelov]

awesome work 👍 💯