Major change: Accordion update

[alicemacl]

Background

Size prop is removed from Accordion, and uses now responsive values for mobile and desktop.

Solution

• Edit styling with responsive values
• Remove size prop and context from Accordion (not needed as it was only used for the size prop)
• Remove allowMultiple as default. Accordion ignores allowToggle when allowMultiple is true. The user can add these props manually to avoid warnings.

UU checks

• It is possible to use the keyboard to reach your changes
• It is possible to enlarge the text 400% without losing functionality
• It works on both mobile and desktop
• It works in both Chrome, Safari and Firefox
• It works with VoiceOver
• There are no errors in aXe / SiteImprove-plugins / Wave
• Sanity documentation has been / will be updated (if neccessary)
• Documentation version has been bumped (package.json in docs)

Note: To trigger pipeline for the documentation site (spor.vy.no) you need to bump the version.

How to test

Go to /components/accordion-v2

With updated documentation for the component.

[changeset-bot]

🦋 Changeset detected

Latest commit: 64dc13a

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 1 package

Name	Type
@vygruppen/spor-react	Major

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

[Cmoen11]

Vi bruker Accordion i header menyen på vy.no, gjerne sjekk godt der når du skal få denne ut i main frontend

[alicemacl]

Vi bruker Accordion i header menyen på vy.no, gjerne sjekk godt der når du skal få denne ut i main frontend

@Cmoen11 Jepp. Derfor er dette en breaking change med versjonsoppdatering: Alle som oppdaterer til versjon 10 må gjennom sine accordions for å fikse. Små ting, men likevel.

[cibietici]