@pluralsight/ps-design-system-icon
TypeScript icon, indicating that this package has built-in type declarations

25.4.1 • Public • Published

This is currently not working as automatically as we'd like. If there is another large quantity of new icons or old icon adjustments, this will probably want to be improved before then.

To Produce New Svgs

  1. Draw SVGs in Sketch in the same file as the other icons (see Dmitry for file)
  2. Export with the svgo plugin. It doesn't seem to make a ton of difference (xlink is used either way, and that's unfortunate)

To Add New Icon Svgs

  1. Name icons *.icon.svg
  2. Put in the src/svg directory
  3. Add role="img" and aria-label="<iconId here> icon" to the root svg element of each icon
  4. Manually refactor the svg to not use xlink/defs.
  5. Run npm run build in the packages/icon directory (new *.svg.dist.js files will generate new icon ids automatically)
  6. Manually spot check the look of the new icons in the reference site at /components/icon
  7. Update the snapshot test

Versions

Current Tags

  • Version
    Downloads (Last 7 Days)
    • Tag
  • 25.4.1
    240
    • latest
  • 5.0.2
    0
    • beta

Version History

Package Sidebar

Install

npm i @pluralsight/ps-design-system-icon

Weekly Downloads

303

Version

25.4.1

License

Apache-2.0

Unpacked Size

1.99 MB

Total Files

1678

Last publish

Collaborators

  • jaketrent
  • danethurber
  • pluralsight