[HOV-10] Flex component

[Shadow-Flash]

Description

New flex component with all the major flex properties included.

Motivation and Context

Mainly it will handle all the flex styling with cross origin styling using all the flex properties.

How Has This Been Tested?

Added in Docusaurus and tested

Screenshots (if appropriate):

Todo's

• flex properties namely
  • flexGrow
  • flexBasis
• Need to pass ref prop into div in flex.ts component
• Documentation is still not completed, it needs an in-depth explanation for each major heading

Types of changes

• Bug fix (non-breaking change which fixes an issue)
• New feature (non-breaking change which adds functionality)
• Breaking change (fix or feature that would cause existing functionality to change)

Checklist:

• My code follows the code style of this project.
• My change requires a change to the documentation.
• I have updated the documentation accordingly.

[netlify]

✅ Deploy Preview for hover-design canceled.

Name	Link
🔨 Latest commit	145157e
🔍 Latest deploy log	https://app.netlify.com/sites/hover-design/deploys/62ecd283d0d7e300089282ed

[netlify]

✅ Deploy Preview for cheerful-crostata-e27410 ready!

Name	Link
🔨 Latest commit	0354049
🔍 Latest deploy log	https://app.netlify.com/sites/cheerful-crostata-e27410/deploys/62eb69dab1c9090008869be1
😎 Deploy Preview	https://deploy-preview-25--cheerful-crostata-e27410.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site settings.

[pruthvi2103]

comments

[pruthvi2103]

LGTM, great work!!

[pruthvi2103]

LGTM, even styles appear to be working well! merging