[@mantine/core] Grid: Fix offset and order responsive props

[mdodell]

Fixes issue with both offset and order props for Grid.Col that requires each to have a responsive prop (xs, sm, md, lg, xl) for their respective responsive props (offsetXs, orderXs, etc). to work.

Also updated the docs for order to properly use Grid.Col rather than the Col shorthand.

[mdodell]

Not super in love with the double ternary statement so open to feedback here. If the sizes[size] isn't defined, we just use the initial value for that CSS property (none in the case of max-width and auto in the case of flexBasis).

[rtivital]

Thanks!

[rtivital]

@mdodell this PR broke all Grid responsive styles, I've reverted it

[mdodell]

@mdodell this PR broke all Grid responsive styles, I've reverted it

Interesting. I'll submit a follow-up PR, I think that the check for maxWidth and flexBasis was breaking it.

[rtivital]

No need, I've already resolved the isuue

[mdodell]

No need, I've already resolved the isuue

Ah - perfect. My apologies here. Is it now resolved so that the MantineSize prop is no longer needed in order to check for order? I just fixed it locally before I saw this comment - it looks like maxWidth and flexBasis just both need to be set to 100% if the typeof sizes[size] check is falsey.

It looks like currently the values rae being set to NAN% - which I think ends up setting them to 100% - potentially through other calculations done somewhere else in the CSS scope?