Update border and font in chips

[ClementChaumel]

Done

reduce width of the border

change font weight

use real small caps (instead of small uppercase)

Fixes WD-5198

QA

• Open demo
• Check that it looks ok

Check if PR is ready for release

If this PR contains Vanilla SCSS code changes, it should contain the following changes to make sure it's ready for the release:

• PR should have one of the following labels to automatically categorise it in release notes:
  • Feature 🎁, Breaking Change 💣, Bug 🐛, Documentation 📝, Maintenance 🔨.
• Vanilla version in package.json should be updated relative to the most recent release, following semver convention:
  • if CSS class names are not changed it can be bugfix relesase (x.x.X)
  • if CSS class names are changed/added/removed it should be minor version (x.X.0)
  • see the wiki for more details
• Any changes to component class names (new patterns, variants, removed or added features) should be listed on the what's new page.

Screenshots

[webteam-app]

Demo starting at https://vanilla-framework-4850.demos.haus/docs/examples/patterns/chip/variants

[ClementChaumel]

@bartaz Do you reckon it requires being mentioned in what's new? I feel like it's a small enough change to omit it

[bartaz]

@bartaz Do you reckon it requires being mentioned in what's new? I feel like it's a small enough change to omit it

No, purely visual changes that don't change the CSS class names are usually not mentined (unless they are really significant), so feel free to skip it here.

[bartaz]

It seems that chips that have small caps lead are getting larger than the other ones, this should not happen, they should all be same size as before:

[ClementChaumel]

It seems that chips that have small caps lead are getting larger than the other ones, this should not happen, they should all be same size as before:

I'm using the %small-caps-text; placeholder should I also import the small text one?

[bartaz]

I'm using the %small-caps-text; placeholder should I also import the small text one?

Maybe? There seems to be line height difference, so if chip value uses small size, I guess lead part should as well.
I don't know if placeholders for small caps and small text wont conflict on some styles, but I guess we may need some combination of the two then.

[bartaz]

From Percy it seems like chips got somehow 1px bigger or something, but I think it's OK.

Thanks!