Stepper should prevent going to disabled steps

[mjuniper]

Check existing issues

• I have checked for existing issues to avoid duplicates

Actual Behavior

When layout is "horizontal-single" users can use the right arrow to navigate to disabled steps. The step content is not rendered but the stepper header renders the disabled stepper item heading.

Expected Behavior

Making a stepper item disabled should prevent navigation to that step.

Reproduction Sample

https://codepen.io/mjuniper/pen/jENoQmm?editors=1000

Reproduction Steps

1. Visit https://codepen.io/mjuniper/pen/jENoQmm?editors=1000
2. In the second calcite stepper, click the right arrow to navigate to the second stepper item.

Observe that the stepper header changes to display the second stepper item heading even though that stepper item is disabled.

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

ArcGIS Hub