[Bug]: fluent-accordion icons spacing broken in RTL

[miroslavstastny]

Library

Web Components (@fluentui/web-components)

System Info

-

Are you reporting Accessibility issue?

no

Reproduction

Bug Description

Check fluent-accordion RTL VR tests in #28441.

Actual Behavior

The spacing around icons differs between LTR and RTL. Directional CSS properties (padding-left...) are used.

LTR:

RTL 🚨:

Expected Behavior

The spacing around icon is the same in LTR and RTL. Logical CSS properties (padding-inline-start...) are used.

Logs

No response

Requested priority

Normal

Products/sites affected

No response

Are you willing to submit a PR to fix?

no

Validations

• Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• The provided reproduction is a minimal reproducible example of the bug.

[microsoft-github-policy-service]

Because this issue has not had activity for over 150 days, we're automatically closing it for house-keeping purposes.

Still require assistance? Please, create a new issue with up-to date details.

[microsoft-github-policy-service]

This issue has not had activity for over 180 days! We're adding Soft close label and will close it soon for house-keeping purposes.
Still require assistance? Please add comment - "keep open".