[ui5-button] wrong borders on active + focus state #8156

Bug Description

Currently in fiori 3 theme, the buttons (and the controls using it, like ui5-split-button for example) upon being focused and active have black outline, while it should be white.
Another thing that we noticed, is that in horizon theme, the Emphasized button upon being focused and active have its outline to white, which is the same color as its background, resulting in non-visible outline.

Actual ( applies for Default, Positive, Negative, Attention and Transparent ) (Fiori 3)

Expected ( applies for Default, Positive, Negative, Attention and Transparent ) (Fiori 3)

Case #2 Emphasized button in Horizon

Actual

Expected

Affected Component

ui5-button

Expected Behaviour

To have correct visual outlines upon focused and active state

Isolated Example

No response

Steps to Reproduce

...

Log Output, Stack Trace or Screenshots

No response

Priority

None

UI5 Web Components Version

nightly

Browser

Chrome

Operating System

No response

Additional Context

No response

Organization

No response

Declaration

• I’m not disclosing any internal or sensitive information.