Add title font weights & adjust dots-vertical-double icon

[natalyjazzviolin]

Helps with https://github.com/ClickHouse/control-plane/issues/12818

Why

Currently we cannot define a font weight for the title component. The dots-vertical-double icon is slightly different from the design.

What

This adds a font weight prop to the title component; having this prop will allow us to align closer with the initial design.

This alters the dots-vertical-double icon slightly to better align with the current design:

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
click-ui	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Feb 7, 2025 5:20pm

[gjones]

Hey @natalyjazzviolin, I'm not sure we want to allow a content prop on the titles as it'll lead to inconsistencies. Is there a reason this is coming up?

[gjones]

So to add a little more context on this @natalyjazzviolin. The options for titles are exactly the same in Figma as they are in the code, they're driven from the design tokens. If a designer is using a custom font size or weight then that's more of a design problem than a development problem. They'll need to justify their decision and figure out whether its something we want to add to the library, but I'd rather not open the door to those levels of inconsistency right now if that's ok. Perhaps the visual discrepancy you're seeing is down to the various rendering differences between figma and browsers?

On the icon, the icon used in the Click UI library is the same as in Figma, so, again this could be rendering, but I'd prefer if we didn't alter the image in the component library independent of the Figma version.

[natalyjazzviolin]

@gjones understood, thank you for the explanation! Closing