KRA 2093 add writing icons

[michaelglass]

🌟 Adding new writing icons for guided essays & guided short response

About the component

https://linear.app/noredink/issue/KRA-2093/add-guided-essay-and-guided-short-response-icons-to-noredink-ui

🖼️ What does this change look like?

Component completion checklist

• I've gone through the relevant sections of the Development Accessibility guide with this component in mind
• Component has clear documentation
• Component is in the Component Catalog
  • I've used the script to add the component to the Component Catalog.
  • Component is categorized reasonably (see Category for all the currently available categories). The component can be in multiple categories, if appropriate.
  • Component has a representative preview for the Component Catalog cards (bonus points for making it delightful!)
  • Component has a customizable example. Aim for having every possible supported version of the component displayable through the configuration on this page. (Protip: This is handy for testing expected behavior!)
  • The customizable example produces sample code
  • The component's example page includes keyboard behavior, if any
  • The component's example page includes guidance around how to use the component, if necessary
• Component is tested
  • axe checks and percy snapshots will be automatically added for every component. However, if you want to customize when the checks and snapshots are made, you will need to make changes to script/puppeteer-tests.js.
  • there are 2 ways to add Elm tests:
    • if you want to test the Component Catalog example directly, add ProgramTest-style tests under component-catalog/tests
    • if you want to test the component directly, add tests under tests/Spec. Historically, this has been the more popular Elm testing strategy for noredink-ui.
• Component API follows standard patterns in noredink-ui
  • e.g., as a dev, I can conveniently add an nriDescription
  • and adding a new feature to the component will not require major API changes to the component
• Please assign the following reviewers:
  • Someone from your team who can review your PR in full and review requirements from your team's perspective.
  • Component library owner - Someone from this group will review your PR for accessibility and adherence to component library foundations.
  • If there are user-facing changes, a designer. (You may want to direct your designer to the deploy preview for easy review):
    • For writing-related component changes, add Stacey (staceyadams)
    • For quiz engine-related components, add Ravi (ravi-morbia)
    • For a11y-related changes to general components, add Ben (bendansby)
    • For general component-related changes or if you’re not sure about something, add the Design group (NoRedInk/design)

[linear]

KRA-2093 Add Guided Essay and Guided Short Response icons to noredink-ui