hcicons2 update checklist - HealthCatalyst/Fabric.Cashmere GitHub Wiki

Instruction for updating the v2 icon set:

  1. Add new or updated icon(s) to svg directory: /Users/cory.fugate/Source/Fabric.Cashmere/projects/cashmere/src/lib/icon-font2/svgs
  2. Regenerate font w/ IcoMoon
    • Name font 'hcions2'
  3. Move generated font and styles files into repo, updating file names as needed. You'll also need to update references within the style files. /Users/cory.fugate/Source/Fabric.Cashmere/projects/cashmere/src/lib/icon-font2
  4. Add/update icon descriptions in metadata file (for docs) /Users/cory.fugate/Source/Fabric.Cashmere/src/app/foundations/icons/v2-icon-metadata.ts
    • You’ll need the unicode values for each icon to match what is in the generated variables.scss file. I’ve used ai tools to take the values from variables.scss and match them into the metadata file rather than doing it manually
  5. Convert all svgs into pngs to put in the zip file. This online web tool is useful for doing that in bulk: https://pinetools.com/bulk-batch-svg-converter-viewer
  6. Recreate zip file w/ the following files:
    • _icons.scss: some helper styles for icons. change the prefix to suit your app's needs
    • _mixins.scss: additional helper mixins for icons.
    • app-icons-readme-example.md: an example of icon instructions you should include in your own app's main README.md file. fill in the appropriate icon prefixes and file paths to suit your app
    • /generated: folder of the generated files for the hcicons font as output by IcoMoon
    • /pngs: folder of all icons as pngs
    • /svgs: folder of all icons as svgs
  7. Place new zip file here: /Users/cory.fugate/Source/Fabric.Cashmere/src/assets/hcicons-v2.zip