Feat(web): Introduce UNSTABLE_Footer component #DS-1367

[dlouhak]

Description

Additional context

Need to be discussed with team:

• unification color design tokens with design
• dynamic columns and its horizontal centering (is it possible to use grid or we must use flex?)
  • compose with Grid components
• horizontal alignment of the copyright links (e.g. Jobs aligns links on mobile to the left)
  • user can use utility text-center
• what should be subcomponent and what shouldn't – should the user set himself
  • variable gap in the Stack components,
    • let the user handle it
  • inverted color variants in the Headings, Links, ... ?
    • let the user handle it
  • variable gap in the Grid components (currently not possible via API) → DS-1388
• should we decompose component into subcomponent (FooterColumn, FooterHeading, …)?
  • FooterColumn would be NTH and should be implemented in the React (DS-1368)
  • consider FooterColumnItem as well

Issue reference

https://jira.almacareer.tech/browse/DS-1367

TODOs

• reformat code examples in the README.md
• generate E2E test screenshots

[netlify]

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

Name	Link
🔨 Latest commit	2cb114a
🔍 Latest deploy log	https://app.netlify.com/sites/spirit-design-system-storybook/deploys/669f94c613b16a0007b42faf
😎 Deploy Preview	https://deploy-preview-1540--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	2cb114a
🔍 Latest deploy log	https://app.netlify.com/sites/spirit-design-system/deploys/669f94c6fb5f230008937ee6
😎 Deploy Preview	https://deploy-preview-1540--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: 93 (no change from production) Best Practices: 100 (no change from production) SEO: 82 (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.

[coveralls]

coverage: 78.187% (-0.8%) from 78.944%
when pulling 2cb114a on feat/DS-1367-introduce-footer
into 305b252 on main.

[crishpeen]

I don't like the naming (content, utilities, copyright, legal, etc) and don't have time to thoroughly think about it. 🤷

Otherwise, this looks good. We will see how it works out when actually used before we stabilize it.

[crishpeen]

I still don't like the naming and I am afraid that even if we revisit it soon we will leave some remarks of the current one.

But the rest of the code is ok and we can move on.

[dlouhak]

We agreed to refactor component Footer. Will be refactored during DS-1419.