refactor(Accordion): use CSS logical properties instead of physical values

[Cata1989]

Description

This PR aims to modernize the CSS by incorporating logical properties for improved adaptability and support for RTL content direction and vertical layout.

We have implemented CSS animation for the summary HTML element using block-size and calc-size (still in draft). If calc-size is supported:

the open/close animation will be handled via CSS instead of JavaScript. This enhances considerably the way the animation behaves on a vertical layout.

If calc-size() is not yet supported by the browser (feature flag is not enabled) animations will be handled via JavaScript, and, if there's a need for a vertical layout, we have added the possibility to disable all animation so the component works as expected, without shifting when opening or closing.

Related Issue

N/A

Documentation

Screenshots (if applicable)

CleanShot.2024-07-17.at.16.40.23.mp4

Checklist

• I have read the CONTRIBUTING document.
• I have read the CODE OF CONDUCT document.
• I have reviewed my own code.
• I have tested the changes locally.
• I have updated the documentation (if applicable).
• I have added unit tests and e2e tests (if applicable).
• I have requested reviews from relevant team members.

Additional Notes

[nx-cloud]

☁️ Nx Cloud Report

CI is running/has finished running commands for commit db06845. As they complete they will appear below. Click to see the status, the terminal output, and the build insights.

📂 See all runs for this CI Pipeline Execution

---

✅ Successfully ran 5 targets

• nx run beeq:storybook-build --output-style=stream-without-prefixes
• nx affected -t e2e --exclude=*,!tag:core --parallel=3 --base=024c629ed5dd8bcaf2e785280576c1dde729b91a --head=db0684572021d891841f26e766c43b83c85de57c --ci --code-coverage --runInBand
• nx affected -t test --exclude=*,!tag:core --parallel=3 --base=024c629ed5dd8bcaf2e785280576c1dde729b91a --head=db0684572021d891841f26e766c43b83c85de57c --ci --runInBand
• nx affected -t lint --exclude=*,!tag:publishable --parallel=3 --base=024c629ed5dd8bcaf2e785280576c1dde729b91a --head=db0684572021d891841f26e766c43b83c85de57c
• nx affected -t build --exclude=*,!tag:publishable --parallel=3 --base=024c629ed5dd8bcaf2e785280576c1dde729b91a --head=db0684572021d891841f26e766c43b83c85de57c

---

Sent with 💌 from NxCloud.

[sonarqubecloud]

Quality Gate passed

Issues
0 New issues
0 Accepted issues

Measures
0 Security Hotspots
0.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarCloud