React: Tooltip kit does not accept flex options

[sergiopvilar]

Expected behavior

Tooltip kit should accept Flex options such as flexDirection, flexWrap, flexGap, alignItems, justifyContent, flex, flexGrow and flexShrink.

Describe the bug

Tooltip kit has a Flex but does receive the props to allow us to manage manage how the content is displayed in that flex.

📄 Details

Code Sandbox Link with the Bug

https://codesandbox.io/s/stoic-easley-iezv9t?file=/src/App.js

Video or Gif

Screenshots

Please include at least one screenshot demonstrating your bug.

✋ Urgency

Medium:

A follow-up history will be adopted to implement the changes on our side once this gets fixed. We have a project to deliver on december 22 that relies on this bug fix.

🚶‍♀️ Steps to Reproduce

Steps to reproduce the behavior:

Setup a Tooltip that receives a JSX component on the text prop. The JSX component has a list of FlexItem. Try to align the FlexItems using flexDirection props specified on the kit's docummentation.

📎 Additional context

Flex implementation on Tooltip kit

[evalouderback]

For reference, we would like to be able to do this ^ with the tooltip

[co1in-1ewis]

Moving this issue to PLAY-849 and closing here.