Add `flex-grow`/`flex-shrink` option to components within `ui.inline`

#### Is your feature request related to a problem? Please describe

In v0.22.0, it was possible to allow components to fill remaining space within `ui.inline` by setting `width="100%"`. However, in v1.0.0, settings `width="100%"` sets the widget to the same size of the parent (`ui.inline`).

#### Describe the solution you'd like

Some option that either gives separate options for flex-grow/flex-shink (e.g.: `flex-grow=true`), or an option to specify flex options within the element (e.g.: `flex="1 1 0"` or `flex="grow"`). Or, a parameter to add custom inline css (e.g.: `style="flex: 1 1 0;"`.

#### Describe alternatives you've considered

In simple scenarios, like two elements, setting `width="50%"` would suffice. But this becomes more problematic when some elements can change in size but some do not within a `ui.inline` component.