Description

Currently Flex uses style attribute for styling. It's unconvinient for mixing classes on the element due to higher specificity of inline styles. Also API is a bit off naming.

Suggested solution

• Use predefined CSS for props combination Discussed
• Add item: boolean prop that marks its a child flex, not a parent
• Move flex item props to the Box component
• Add rowGap, columnGap properties and deprecate gapRow to match CSS names.

Alternative

No response

Additional context

No response

Validations

• Check that there isn't already an issue that request the same feature to avoid creating a duplicate.