feat: tab component

[mehmetranas]

No description provided.

[muratcorlu]

@buseselvi I think PR is ready for design review. 😊 Can you have a look?

[muratcorlu]

@mehmetranas I just noticed that title attribute of bl-tab shows browser native tooltip. Maybe we can consider to use a different name for that attribute or move it to slot (as it first designed).

[buseselvi]

Can we update the tab titles to "Sub Title 2 Medium" as in the design? It looks like Sub Title 2 Regular.
Can we also make the right padding of the info icon 24px? We updated the design last week, I may have missed mentioning it separately 🥲
Total tab component height should be 56px, with 54px tab part and 2px orange indicator part in Selected status. Can we check?

Except those, it looks great! 🥳

[mehmetranas]

@mehmetranas I just noticed that title attribute of bl-tab shows browser native tooltip. Maybe we can consider to use a different name for that attribute or move it to slot (as it first designed).

@muratcorlu We remove the title attribute. Now user can set the title in a slot.

[mehmetranas]

@buseselvi We fixed all of them. Just not sure about Sub Title 2 Medium is the right format. Because in the design it seems Sub Title 3 Medium. Did you mean Sub Title 3 Medium?

[muratcorlu]

@mehmetranas You also need to update stories of bl-tab-panel and bl-tab-group. They also have examples that uses title attribute.

[buseselvi]

@mehmetranas yes it should be Sub Title 3 Medium, right 🥲🙏🏻

[sonarcloud]

Kudos, SonarCloud Quality Gate passed!   

0 Bugs
0 Vulnerabilities
0 Security Hotspots
2 Code Smells

100.0% Coverage
0.0% Duplication

[github-actions]

🎉 This PR is included in version 2.0.0-beta.18 🎉

The release is available on:

• npm package (@beta dist-tag)
• GitHub release

Your semantic-release bot 📦🚀

[github-actions]

🎉 This PR is included in version 2.0.0 🎉

The release is available on:

• npm package (@latest dist-tag)
• GitHub release

Your semantic-release bot 📦🚀