Feat(web): Introduce SplitButton component #DS-1605

[pavelklibani]

Description

Additional context

Note

The divider between the buttons has been updated and no longer has a gap at the top and bottom.

Issue reference

Component SplitButton | Web

[netlify]

✅ Deploy Preview for spirit-design-system ready!

Name	Link
🔨 Latest commit	2a264a6
🔍 Latest deploy log	https://app.netlify.com/sites/spirit-design-system/deploys/67adceb895656900088b13f1
😎 Deploy Preview	https://deploy-preview-1919--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.

[netlify]

✅ Deploy Preview for spirit-design-system-storybook canceled.

Name	Link
🔨 Latest commit	2a264a6
🔍 Latest deploy log	https://app.netlify.com/sites/spirit-design-system-storybook/deploys/67adceb858655200082d237f

[katerinarehorkova]

On mobile phones, there is issue with the position of DropdownPopover, it's placed outside of the container and creates a horizontal scrollbar.

[pavelklibani]

On mobile phones, there is issue with the position of DropdownPopover, it's placed outside of the container and creates a horizontal scrollbar.

The dropdown has been moved to the bottom-end, so it should no longer cause the scrollbar.

[crishpeen]

If you don't understand any of my comments, don't hesitate to contact me directly :)

[katerinarehorkova]

there is an issue with SVG icons in FF, it's deformed, because of flex, it's fixed by adding flex-shrink: 0 on the SVG

[pavelklibani]

there is an issue with SVG icons in FF, it's deformed, because of flex, it's fixed by adding flex-shrink: 0 on the SVG

Fixed, thank you!