UI Shell updates ☂️

[laurenmrice]

Acceptance criteria

• There has been a recent uptick in questions in support and during office hours revolving around how to use the UI Shell component. Making some updates to the UI Shell component, in code, on the website, and in the Figma design kit, could help resolve some of these questions and vastly improve all aspects of the component.

• Make the UI Shell more composable

Code: Make enhancements and fix bugs for the UI Shell component.

Website docs: Update our docs to use the new usage and style content templates.

Design kit: Make enhancements and fix bugs for the UI Shell component.

---

### Token alignment
- [ ] https://github.com/carbon-design-system/carbon-design-kit/issues/742

Done

• Theme templates? Do we want to add this to our website guidance of vetted combinations?
  • https://github.com/carbon-design-system/carbon/issues/4839#issuecomment-604043001)

---

Enhancements

### Telemetry
- [ ] Get Telemetry on UI Shell usage

### UI Shell PAL and Core alignment
- [ ] Is there anything we should be bringing into Core from PAL? Is someone working on this already and should this be a PAL task so we don't overlap work? Reference the issue below, which talks about auditing PAL.
- [ ] Cloud PAK: How is this built and we leverage it as the starting point. Dejan? Rhonda S?
- [ ] Find strategic teams/buisness partners to tell us what they need
- [ ] What parts of shell are used most frequently
- [ ] Audit
- [ ] Examine how shell related components are built in Core and PAL
- [ ] Page header?
- [ ] Side panel?
- [ ] MSCP?
- [ ] https://github.com/carbon-design-system/carbon/issues/5302

### UI Shell anatomy
- [ ] We need to align and define specific terminology of parts of the UI shell header, left panel, and right panel. Reference the issue below. This work should be started sooner rather than later, because it will inform the documentation.
- [ ] https://github.com/carbon-design-system/carbon-website/issues/3897

### UI Shell additions
- [ ] https://github.com/carbon-design-system/carbon/issues/5152
- [ ] https://github.com/carbon-design-system/carbon/issues/5143
- [ ] A possible issue that oversees all the work above

### UI Shell header
- [ ] https://github.com/carbon-design-system/carbon-website/issues/4150
- [ ] https://github.com/carbon-design-system/carbon-website/issues/4151
- [ ] https://github.com/carbon-design-system/carbon/issues/16905
- [ ] https://github.com/carbon-design-system/carbon/issues/11946
- [ ] https://github.com/carbon-design-system/carbon/issues/5149
- [ ] https://github.com/carbon-design-system/carbon/issues/14630
- [ ] A possible issue that oversees all the work above

### UI Shell left panel
- [ ] https://github.com/carbon-design-system/carbon-website/issues/3810
- [ ] https://github.com/carbon-design-system/carbon-website/issues/3811
- [ ] https://github.com/carbon-design-system/carbon-website/issues/3235
- [ ] https://github.com/carbon-design-system/carbon/issues/15109
- [ ] A possible issue that oversees all the work above

### UI Shell right panel
- [ ] https://github.com/carbon-design-system/carbon-website/issues/4114
- [ ] https://github.com/carbon-design-system/carbon-website/issues/4115
- [ ] https://github.com/carbon-design-system/carbon/issues/14236

[github-actions[bot]]

Thank you for submitting a feature request. Your proposal is open and will soon be triaged by the Carbon team.

If your proposal is accepted and the Carbon team has bandwidth they will take on the issue, or else request you or other volunteers from the community to work on this issue.