feat(experimental): add tui-avatar-labeled

[splincode]

PR Type

What kind of change does this PR introduce?

• Bugfix
• Feature
• Refactoring
• Build or CI related changes
• Tests related changes
• Documentation content changes

What is the new behaviour?

[lumberjack-bot]

Pull request was closed ✔️

All saved screenshots (for current PR) were deleted 🗑️

[github-actions]

Visit the preview URL for this PR (updated for commit 1ee41fd):

https://taiga-ui--pr6523-splincode-avatar-lab-ngiggtzc.web.app

_{(expires Thu, 25 Jan 2024 13:13:32 GMT)}

_{🔥 via Firebase Hosting GitHub Action 🌎}

_{Sign: 4b5ece1e114386f6a105425ef799091475b249eb}

[bundlemon]

BundleMon

Files added (5)

Status	Path	Size	Limits
✅	demo/browser/main.(hash).js	+381.72KB	+10%
✅	demo/browser/vendor.(hash).js	+212.98KB	+10%
✅	demo/browser/runtime.(hash).js	+39.94KB	+10%
✅	demo/browser/polyfills.(hash).js	+11.25KB	+10%
✅	demo/browser/styles.(hash).css	+1.39KB	+10%

Total files change +647.29KB

Groups added (1)

Status	Path	Size	Limits
✅	demo/browser/*..js	+2.33MB	-

Final result: ✅

View report in BundleMon website ➡️

---

Current branch size history

[codecov]

Codecov Report

All modified and coverable lines are covered by tests ✅

❗ No coverage uploaded for pull request base (v3.x@24267dc). Click here to learn what that means.

❗ Current head 8457d8a differs from pull request most recent head 1ee41fd. Consider uploading reports for the commit 1ee41fd to get more accurate results

Additional details and impacted files

@@           Coverage Diff           @@
##             v3.x    #6523   +/-   ##
=======================================
  Coverage        ?   70.56%           
=======================================
  Files           ?     1097           
  Lines           ?    13091           
  Branches        ?     1849           
=======================================
  Hits            ?     9238           
  Misses          ?     3542           
  Partials        ?      311           

Flag	Coverage Δ
addon-charts	71.46% <0.00%> (?)
addon-doc	60.40% <0.00%> (?)
addon-mobile	60.63% <0.00%> (?)
addon-table	60.75% <0.00%> (?)
addon-tablebars	96.15% <0.00%> (?)
cdk	∅ <0.00%> (?)
core	77.93% <0.00%> (?)
kit	70.28% <0.00%> (?)
summary	70.56% <0.00%> (?)

Flags with carried forward coverage won't be shown. Click here to find out more.

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

[waterplea]

1. Let's use Labeled with single l
2. Let's use component tui-avatar-labeled instead of a directive
3. Let's use gap instead of margin-bottom
4. There shouldn't be a size input if all it affects is the width, the width should just rely on the size of the avatar inside of it
5. I wonder if there's a way we can figure out automatically if the text going to take 1 or 2 lines?

[splincode]

@waterplea updated