[Feature]: Expose both dimension sizes for TabsIndicator

[haakonmt]

Describe the feature

Currently, TabsIndicator exposes the --reka-tabs-indicator-size CSS variable, which represents the main dimension of the indicator (width in horizontal orientation and height in vertical orientation).

In some cases, it would be very helpful to also have access to the opposite (cross) dimension as a CSS variable. An example is a vertical tab layout where the width of the indicator should adapt to the content of the tab instead of filling the width of the container.

Would it be possible to expose the cross-axis size as an additional CSS variable?

Additional information

• I intend to submit a PR for this feature.
• I have already implemented and/or tested this feature.

[kricsleo]

Maybe I don't get it 🤔. But in a vertical tab layout, the cross-axis dimension (width) is typically the same across all tabs since they share the same container width. So you should be able to style it directly with regular CSS like width: 2px on the indicator — no extra CSS variable needed.

[haakonmt]

@kricsleo Sorry, I'll try to make it a bit more clear. 😄 Might be because I was using "tab" when I was actually thinking of tab triggers. As you say, typically the width of the indicator is equal to the width of the container (TabsList). This, or a static width that is equal across all tab triggers are the only viable options in the current implementation if I'm not mistaken.

What I am trying to achieve is that the width of the indicator should adapt to the width of the content in each trigger, which can (and most often do) vary.

E.g.:

--------------------------
| Large trigger          |
--------------------------
-------------------
| Smaller trigger |
-------------------

[kricsleo]

Sorry for the late response. You might want to try this to see if it works for you. ❤️