[Stepper] Stepper Item with no content should not have extra space in layout="vertical"

[macandcheese]

Check existing issues

• I have checked for existing issues to avoid duplicates

Actual Behavior

Currently, when a Stepper Item is inside a Stepper of layout="vertical" and has no content - extra padding will render in the empty content area:

Expected Behavior

No extra space should render when there is no slotted content. Steppers are often used without content to represent state elsewhere in the workflow and this shouldn't be shown when nothing is slotted in.

Reproduction Sample

https://codepen.io/mac_and_cheese/pen/MWNzrdy?editors=1000

Reproduction Steps

1. Open the Codepen
2. Notice the extra space

Reproduction Version

2.13.2

Relevant Info

No response

Regression?

No response

Priority impact

impact - p3 - not time sensitive

Impact

No response

Calcite package

• @esri/calcite-components
• @esri/calcite-components-react
• @esri/calcite-design-tokens
• @esri/calcite-ui-icons
• @esri/eslint-plugin-calcite-components

Esri team

Calcite (design)

[macandcheese]

I think there's a bit of extra vertical padding here, even in M these items seem a bit tall. Maybe we could bump that down a bit? cc @ashetland @SkyeSeitz

[ashetland]

It looks like the heading has 4px of bottom margin on it. The final spec hasn't been drawn up yet, but Stepper Item is part of issue #7623 — we'd remove that margin and use the relative/wrapping line heights for the heading and the description.

Do we also think the vertical layout could use less block-padding? Vertical and horizontal match at the moment (20px for medium scale).

[SkyeSeitz]

Currently in Figma, the 4px gap is attached to the description so it is not present under a heading with no description. That reduces the height of the Stepper Item to 60px which is nice, but perhaps could be pushed a little further.

With issue #7623, the gap would go away entirely, but the line-heights would increase slightly, so especially considering that context, I am in favor of decreasing the block padding.

[ashetland]

Since this issue is scoped to the content slot bug, we should log a new issue with those padding updates.