content: --inner-min-width is missing from ion-item's CSS Custom Properties

[chawes13]

URL

https://ionicframework.com/docs/api/item#css-custom-properties-1

Issue Description

Documentation for recently added --inner-min-width for ion-item is missing. This can be resolved by adding an @prop --inner-min-width comment in the JSDoc comment of https://github.com/ionic-team/ionic-framework/blob/fbada1d1703cfea87224ced56eaf39caf9322763/core/src/components/item/item.scss

PR for newly added property: ionic-team/ionic-framework#28631

[averyrousseau]

Thank you for the issue. This property was intentionally left undocumented as noted in the PR description:

I made this a CSS variable but left it undocumented. If developers need a way of changing this min-width they can request it and we can easily expose this variable. However, I think 4rem is small enough that this should be sufficient.

Did you have a use case for changing the prop's value?

[chawes13]

Ah, shoot sorry about that! I missed that comment.

Yes, when I upgraded my app, I had a styling regression that required overriding the property (recording: https://share.zight.com/z8uB7A0K).

The variable does seem to be exposed already (i.e., I can override it) even though it's undocumented?

[averyrousseau]

Could you post a Stackblitz app or Github repo showing the issue you're facing (with only the code necessary to reproduce the problem)?

[chawes13]

@amandaejohnston Sure! Is there a Stackblitz Ionic starter template or a good recent example to fork?

[averyrousseau]

You can make a blank starter app. I'll label this as "needs reproduction" so the info shows up 👀