feat(ui5-link): introduce reactive area size property

[unazko]

A new enumeration property called "interactiveAreaSize" is now added.
It is designed to make links easier to activate and helps meet the WCAG 2.2 Target Size requirement.
The property is applicable only for the SAP Horizon themes.
The interactive area should be sufficiently large to help users avoid accidentally selecting (clicking or tapping) on unintended UI elements.
There are two possible values for this property:
Normal and Large:

• The default value is Normal and it implies no change in the visualization and behavior of the interactive elements.
• The second option is Large. In this case the height of the interactive target area is increased. This option should be used when the interactive element is displayed as an overlay on top of other interactive parts of the page.

[Stoev]

Looks good to me.
As far as I've checked, the explanatory texts are absolutely identical to the corresponding ones in [FEATURE] sap.m.Link: Reactive area size API introduced. The commit header description follows correctly the convention.

[vladitasev]

Officially, this feature seems to be called Target Size rather than Reactive Area Size:
https://www.w3.org/WAI/WCAG22/Understanding/target-size-minimum.html

In our internal Wiki it's also called Target Size, but there are a few mentions of "reactive area size".

Additionally, the values Inline and Overlay are confusing to me. From what I can see when you choose Overlay, the line-height is increased, which in itself has nothing to do with the term "overlay". Most likely the designers intended that you set Overlay when you want to use the link as an overlay or something to that effect, but overlay/inline are not intrinsic characteristics of the link itself, therefore IMO it would be wrong to set these names

I would personally understand more naturally something like:

• property: targetAreaSize (or triggerAreaSize or interactiveAreaSize)
• values: Normal (or Regular, Default) and Large (or Increased, or something like this)
  because I don't see how the word Overlay relates to the size of the touch area. It rather relates to the use case of the link when you want to set this value.

Let's discuss

[vladitasev]

We settled on interactiveAreaSize: Normal and Large

[vladitasev]

Regarding the second note:

It is recommended to use theLarge value in use cases where the ui5-link component is used inside another interactive component such as a list item or a table cell, and the user may accidentally activate the underlying component when trying to activate the ui5-link. Setting the interactiveAreaSize property to Large increases ui5-link's invisible touch area, thus making it easier and more reliable to interact.

[Stoev]

Hello, please consider a tentative suggestion for the second's note text, This is based on the Vladi's suggestion:

It is recommended to use the Large value in scenarios where the ui5-link component is placed inside another interactive component, such as a list item or a table cell, to improve ui5-link's reliability and usability.

Setting the interactiveAreaSize property to Large increases the ui5-link's invisible touch area. As a result, the user's intended one-time selection command is more likely to activate the desired ui5-link, with minimal chance of unintentionally activating the underlying component.

[Stoev]

Looks good to me.