Feat: Introduce Vertical Navigation #DS-1627

[crishpeen]

Description

• Visual tests would fail, because this is only the web package implementation
• What needs to be done in React:
  • update Drawer demo (remove helpertext)
  • add direction prop to Navigation with Direction dictionary and with horizontal as a default value
  • update docs (Navigation)
  • update tests (Navigation)
  • update demos (Navigation & UNSTABLE_Header)
  • update storybook (Navigation)

Additional context

Issue reference

[netlify]

✅ Deploy Preview for spirit-design-system-storybook ready!

Name	Link
🔨 Latest commit	155fa26
🔍 Latest deploy log	https://app.netlify.com/sites/spirit-design-system-storybook/deploys/6798edbea1683d0008fbf9de
😎 Deploy Preview	https://deploy-preview-1861--spirit-design-system-storybook.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[netlify]

✅ Deploy Preview for spirit-design-system ready!

Name	Link
🔨 Latest commit	155fa26
🔍 Latest deploy log	https://app.netlify.com/sites/spirit-design-system/deploys/6798edbeb3e7970008b93789
😎 Deploy Preview	https://deploy-preview-1861--spirit-design-system.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.
Lighthouse	1 paths audited Performance: 96 (no change from production) Accessibility: 91 (no change from production) Best Practices: 100 (no change from production) SEO: 91 (no change from production) PWA: - View the detailed breakdown and full score reports

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[literat]

What needs to be done in React:

• update Drawer demo (remove helpertext)
• add direction prop to Navigation with Direction dictionary and with horizontal as a default value
• update docs (Navigation)
• update tests (Navigation)
• update demos (Navigation & UNSTABLE_Header)
• update storybook (Navigation)

Did you add this to the appropriate issue or did you create a new one? If no, please do so. Thanks :-)

[literat]

Shouldn't the open menu item have also the hover state?

[crishpeen]

What needs to be done in React:

• update Drawer demo (remove helpertext)
• add direction prop to Navigation with Direction dictionary and with horizontal as a default value
• update docs (Navigation)
• update tests (Navigation)
• update demos (Navigation & UNSTABLE_Header)
• update storybook (Navigation)

Did you add this to the appropriate issue or did you create a new one? If no, please do so. Thanks :-)

@curdaj is already working on it :) We will do it in one issue (as agreed on planning), but it will be a separate PR, so it is not too big.

[adamkudrna]

LGTM

[literat]

LGTM 👍