feat(Tabs): Support icon-only tab

[saurabhdaware]

Description

This pr -
add support for icons only
fixes alignment of icon
fixes border radius of tabs
removes divider from tablist
updates border color
updates padding
updates type

Changes

Additional Information

Component Checklist

• Update Component Status Page
• Perform Manual Testing in Other Browsers
• Add KitchenSink Story
• Add Interaction Tests (if applicable)
• Add changeset

[changeset-bot]

⚠️ No Changeset found

Latest commit: ba83871

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

This PR includes no changesets

When changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types

Click here to learn what changesets are, and how to add one.

Click here if you're a maintainer who wants to add a changeset to this PR

[github-actions]

✅ PR title follows Conventional Commits specification.

[codesandbox-ci]

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 ba83871:

Sandbox	Source
razorpay/blade: basic	Configuration

[rzpcibot]

Bundle Size Report

Updated Components

Status	Component	Base Size (kb)	Current Size (kb)	Diff
⬆	Counter	0.849	0.851	+0.002 KB
⬇	Tabs, TabItem, TabList, TabPanel	7.304	6.879	-0.425 KB

Generated by 🚫 dangerJS against ba83871

[anuraghazra]

Let's add accessibilityLabel prop

[anuraghazra]

height of the Tabs seems to be changed breaking the existing examples

[anuraghazra]

This looks a bit too wide, Is it just taking the parent component's width?

[tewarig]

height of the Tabs seems to be changed breaking the existing examples

These changes are taken from Figma. We have changed paddingTop in the case of Tabs. Discussed this with ~RK, and we will do these in a different PR after FTX.

[tewarig]

This looks a bit too wide, Is it just taking the parent component's width?

yes it's parent is a box with width 200px