stepper: add tokens for responsive layout

[anveshmekala]

Check existing issues

• [X] I have checked for existing issues to avoid duplicates

Description

Stepper component is using fixed min-width length to determine displaying single item vs all items as part of responsive layout enhancement. Having these values in design tokens helps users to enhance the values as required.

Acceptance Criteria

1. Create tokens for min-width value for each scale.
2. Use the tokens in stepper component to access the min-width of stepper-item per scale.

Relevant Info

No response

Which Component

calcite-stepper

Example Use Case

No response

Priority impact

p4 - not time sensitive

Calcite package

• [X] @esri/calcite-components
• [ ] @esri/calcite-components-react
• [X] @esri/calcite-design-tokens
• [ ] @esri/eslint-plugin-calcite-components

Esri team

N/A

[geospatialem]

Could be considered as part of the efforts of https://github.com/Esri/calcite-design-system/issues/7180

[geospatialem]

In addition to the above, we should also add context to the Stepper doc page regarding the width of the component, or container width, which includes:

• Small: 120px
• Medium: 180px
• Large: 200px

Knowing this context, can help developers decide if they would like to enable the single view mode or not.

cc @DitwanP

[anveshmekala]

We longer need tokens for min-width of stepper-item as per #8461. Can we close this one? @geospatialem , @DitwanP

[github-actions[bot]]

Installed and assigned for verification.

[geospatialem]

We longer need tokens for min-width of stepper-item as per #8461. Can we close this one? @geospatialem , @DitwanP

Thanks @anveshmekala - marked the issue as installed pending verification. cc @DitwanP we may need an updated doc ref in our doc repo, more context above in https://github.com/Esri/calcite-design-system/issues/8174#issuecomment-1858578163.

[anveshmekala]

We longer need tokens for min-width of stepper-item as per #8461. Can we close this one? @geospatialem , @DitwanP

Thanks @anveshmekala - marked the issue as installed pending verification. cc @DitwanP we may need an updated doc ref in our doc repo, more context above in #8174 (comment).

Don't think the min-width's are documented. We no longer use default min-width in stepper. As part of https://github.com/Esri/calcite-design-system/issues/8461 fix, imposing min-width is removed irrespective of the layout value.

[geospatialem]

Closing as no longer valid per Anvesh's comment above in https://github.com/Esri/calcite-design-system/issues/8174#issuecomment-1949305383.