feat(pds-ember): GlobalHeader, Avatar, Buttons

[CITguy]

Breaking Changes

• <Pds::CtaLink> defaults to a "Secondary" button style (previously "Primary" button styling).
  • This is because it now styles like <Pds::Button> in order to support all button styling capabilities.
  • Use <Pds::CtaLink @variant="primary"> to apply a "Primary" button style.
• Dropped support for button-like <Pds::Input> elements.
  • Use <Pds::Button> instead of <Pds::Input @type="button">
  • Use <Pds::Button @type="reset"> instead of <Pds::Input @type="reset">
  • Use <Pds::Button @type="submit"> instead of <Pds::Input @type="submit">

Fixes

• <Pds::Dropdown::Trigger> will invert the icon when the dropdown is open
• CSS for <Pds::App::ModalArea> corrected to prevent blocking pointer-events

Updates

• <Pds::CtaLink> now supports all Button styling (e.g., pds--warning, pds--compact, etc.)
• Add <Pds::Avatar> component
• Add <Pds::GlobalHeader> component and subcomponents (Logo, PrimaryNav, SecondaryNav, Switcher, UserMenu)
• Add styles to support various dropdown lists (Menu, Nav, Mixed, etc.)
• Refactor CSS to support isolated "theming"

Screenshots

App

complete content

Avatar

Default

with @src

Button

CtaLink

Dropdown

inverted icon when open

Pattern: Nav List

Pattern: Menu

Pattern: Mixed

GlobalHeader

Nav

Triggers

Dropdowns

JIRA

• PDS-243
• PDS-245
• PDS-237

[vercel[bot]]

This pull request is being automatically deployed with Vercel (learn more).
To see the status of your deployment, click below or on the icon next to each commit.

🔍 Inspect: https://vercel.com/hashicorp/structure/oui2cp139
✅ Preview: https://structure-git-feat-global-header.hashicorp.vercel.app

[CITguy]

@meirish : feel free to merge. I no longer have permission to do so.