Make KIcon label and icon font-size individually configurable

[jonboiser]

Product

Kolibri

Desired behavior

I think the primary way font-size is controllable is to give it a css font-size rule that affects the whole div. However, sometimes (often times?) designs want different sizes for the label and icon. For example:

It would be nice if:

1. The label size could be provided in px/rem/some other scale
2. The icon size could be in px (and it assumes a square container)
3. The vertical alignment can be controlled (e.g. vertical, baseline, etc.)

Current behavior

When label size = font size, the results are not harmonious or to-spec:

(Optional) The Value Add

(Optional) Possible Tradeoffs

Add labels

Please choose the appropriate label(s) from our existing label list to ensure that your issue is properly categorized. This will help us to better understand and address your issue!

[AlexVelezLl]

Closing since we can already do this by passing an icon and iconAfter slots to our KLabeledIcon, and we can cofigure its font-size with this!