UISeeds - Heading Component

[jaredcwhite]

QA Notes:

Evaluate the documentation: https://zeroheight.com/5e69dd4e1/p/533295-heading/b/93a6d7 Storybook link: https://storybook-ui-seeds.netlify.app/?path=/story/text-heading--headings

Reference:

• Draft documentation https://www.notion.so/exygy/Header-e5d50629f81d42b19a6a29cc468a6d01
• Design Spec https://www.figma.com/file/SsYt5YsgbmOPbwr5Qk2RKB/bloom-core-library?node-id=3336%3A13262&t=iAKnk6RouT6G9JBC-1

---

Migrated from bloom-housing/bloom#3249

---

Transfer the Heading component from UIC to UISeeds. (Audit Link)

We should make a few changes to the component on transfer:

• Keep our typography options as exported classes, and this component needs to have a typography prop, we should have a global enum that maps name --> class. In this vein we should rename styleType to something like typographyStyle. We can mostly copy pasta from text.scss in UIC.
• Type the priority prop so that it restricts to only valid integers (1-6)
• Audit why children is not required - are there any cases we are not passing it in? Seems like heading content should be required
• We should store the class names in a global typography scss file versus a neighbor file
• No need to V2! Already done :)

– @emilyjablonski

[jaredcwhite]

Process note: it appears the styles we're adding here are a simplified new set of fonts/sizes/line-heights, so the various styles specified in text.scss in ui-components is probably something we'll evaluate separately.