feat: tabs: alignIcon for default and pill and updates stat to add xsmall and optional button

dkilgore-eightfold commented 8 months ago

SUMMARY:

Adds alignIcon prop and its TabIconAlign enum with Start and End options support to default and pill variants
Adds buttonProps for an optional button per Stat for stat variant
Adds XSmall to TabSize options to support extra small Stat Tabs size, this is mapped to Small for default and pill variants
Adds Stories
Adds unit tests

https://github.com/EightfoldAI/octuple/assets/99700808/851ee2f4-4a45-4aac-9f7f-83270e97db4d

JIRA TASK (Eightfold Employees Only):

ENG-77358

CHANGE TYPE:

[ ] Bugfix Pull Request
[x] Feature Pull Request

TEST COVERAGE:

[ ] Tests for this change already exist
[x] I have added unittests for this change

TEST PLAN:

Pull the PR branch and run yarn and yarn storybook. Verify the Tabs and Stat Tabs stories behave as expected.

codesandbox-ci[bot] commented 8 months ago

This pull request is automatically built and testable in CodeSandbox.

To see build info of the built libraries, click here or the icon next to each commit SHA.

Latest deployment of this branch, based on commit 5b6067dcd5dedecfe0231790ade7e0fe18f3ab08:

Sandbox	Source
React	Configuration

codecov[bot] commented 8 months ago

Codecov Report

All modified and coverable lines are covered by tests :white_check_mark:

Comparison is base (adfb54d) 84.82% compared to head (5b6067d) 84.84%.

Additional details and impacted files

```diff @@ Coverage Diff @@ ## main #780 +/- ## ========================================== + Coverage 84.82% 84.84% +0.01% ========================================== Files 999 999 Lines 19531 19542 +11 Branches 7284 7292 +8 ========================================== + Hits 16568 16580 +12 + Misses 2883 2882 -1 Partials 80 80 ```

:umbrella: View full report in Codecov by Sentry.
:loudspeaker: Have feedback on the report? Share it here.

EightfoldAI / octuple