feat: Icon builder to library

[snowystinger]

Closes

Adds an option to our icon builder so that users can build a library of icons more easily with the same processing we apply to our own S2 Icon library.

To run the new option, create a new npm project with an appropriate package.json, such as

{
  "name": "<<PACKAGE NAME>>",
  "version": "<<VERSION>>",
  "exports": {
    "./*": {
      "types": "./*.d.ts",
      "module": "./*.mjs",
      "import": "./*.mjs",
      "require": "./*.cjs"
    }
  },
  "peerDependencies": {
    "@react-spectrum/s2": ">=0.8.0",
    "react": "^18.0.0 || ^19.0.0-rc.1",
    "react-dom": "^18.0.0 || ^19.0.0-rc.1"
  },
  "devDependencies": {
    "@react-spectrum/s2-icon-builder": ">=0.2.3",
    "@react-spectrum/s2": "latest",
    "react": "^19.0.0",
    "react-dom": "^19.0.0"
  }
}

Copy your svg icons into a src directory in the project.

Then run

yarn install --no-immutable
yarn transform-icons -i './src/*.svg' -o ./ --isLibrary

✅ Pull Request Checklist:

• Included link to corresponding React Spectrum GitHub Issue.
• Added/updated unit tests and storybook for this change (for new code or code which already has tests).
• Filled out test instructions.
• Updated documentation (if it already exists for this component).
• Looked at the Accessibility Practices for this feature - Aria Practices

📝 Test Instructions:

Go to the last commit with a comment on it, check out the new artifact S2 Custom Icons
There should be an action button with an AlignRight icon in it.

🧢 Your Project:

[rspbot]

Build successful! 🎉

• View the storybook
• View the storybook-19
• View the storybook-17
• View the storybook-16
• View the S2 storybook
• View the documentation

[rspbot]

Build successful! 🎉

• View the storybook
• View the storybook-19
• View the storybook-17
• View the storybook-16
• View the S2 storybook
• View the documentation

[devongovett]

?

[devongovett]

This is the same logic as below? Could the if conditions be merged?

[snowystinger]

yeah, so open question about this due to ask for non-20 sized icons
I had it originally separate though as a reminder to see if there was a better condition we could use

[devongovett]

Maybe a different readme?