UI Shell left panel: Style tab

[laurenmrice]

🔴 This work is being blocked until the Prework is clear (evaluating the priority of the enhancements) in the Epic

Ref discussion: Original issue
Ref boxnote: Style tab PDF a11y comments

Acceptance criteria

• Update the UI Shell left panel documentation on the website with a11y comments and using the new content template.

Style tab

Overall page tasks

• Update the Style tab with the content template.
• Update images to follow our image guidelines.

Top of page

• Add page description
• Add anchor links

Interactive color

• Add "Interactive color" sections for Link and Sub-menu

Typography

• The type tokens need to be updated with the new v11 names.

[alina-jacob]

Pre-work inference

Figma reference file
Pre-work issue and comment.

---

UI shell left panel

• Style tab
• Color: [Enhancement] Potential to add border-right and border-left to the UI shell left panel. (Yes, can be included as a prop)
  These are the UI shell theme options explored by Anna.
• Color: Add specs for Overlay - Overlay | background-color | $overlay
• Icon: Delete this section as this is repeat information.