UI Shell left panel: Style tab

[laurenmrice]

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. 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.