size prop of any <sui-statistic> in <sui-statistic-group> doesn't take effect

[FirokOtaku]

• I'm submitting a ...

  • bug report
  • feature request
  • support request

• Current behavior

Currently any <sui-statistic> in a <sui-statistic-group> would be default size, and the size prop dosen't take effect.

• How to reproduce

<sui-statistics-group>
    <sui-statistic in-group size="tiny">
        <sui-statistic-value>22</sui-statistic-value>
        <sui-statistic-label>Faves</sui-statistic-label>
    </sui-statistic>
    <sui-statistic in-group size="small">
        <sui-statistic-value>31,200</sui-statistic-value>
        <sui-statistic-label>Views</sui-statistic-label>
    </sui-statistic>
    <sui-statistic in-group size="large">
        <sui-statistic-value>22</sui-statistic-value>
        <sui-statistic-label>Members</sui-statistic-label>
    </sui-statistic>
</sui-statistics-group>

• Expected behavior

Let single size prop take effect, or provide size-like api on <sui-statistic-group> component.

• Motivation / use case for changing the behavior

To be honest, I don't know if it was intentional, that any <sui-statistic> in a <sui-statistic-group> should be of the same size.

But, with no size api, the default size of <sui-statistic> might be too big or too small for some use-case.

Maybe we could have a size-like api on <sui-statistic-group> component which allow user to adjust size of all children component in it?

• Please tell us about your environment:

key	value
Version	semantic-ui-vue 0.11.0
	semantic-ui-css 2.4.1
Browser	Chrome 97.0.4692.71
	Mobile Chrome 97.0.4692.98
Language	ES6